貼り付けサイドバーオーバーレイ角度材質フレックス行

Question

考えられるのは、画面サイズが1200px程度以下の場合、サイドバーを最上部にとどめることです。画面サイズが1200pxより大きい場合、ユーザーがページを下にスクロールすると、接尾辞サイドバーが固定されます。現時点では、サイドバーの<div class="side-tool-panel" layout="column">はネイバーコンテナ<div class="content-wrapper" layout="row" layout-wrap>と干渉します。 <div class="side-tool-panel" layout="column">のために<div class="content-wrapper" layout="row" layout-wrap>を自動的にシフトして部屋を作り上げるにはどうすればいいですか？

codepen

Answer 1

あなたはそれを行うために角度素材のlayout systemを使用することができます。私はlayout-gt-mdwidth >= 1280pxを使用してこのコードで

<div ng-app="MyApp" ng-controller="AppCtrl" class="dialogdemoBasicUsage" id="popupContainer" ng-cloak="" layout="column" layout-gt-md="row" layout-wrap> 
    <div class="side-tool-panel" layout="column" flex-gt-md="15"></div> 
    <div class="content-wrapper" layout="row" layout-wrap flex-gt-md="85"></div> 
</div> 

：これを試してみてください。次に、私はflex-gt-mdを子供2人のdivに使っています。 Here

このヘルプが必要です。