Açısal Malzeme md-araç çubuğu yapışmıyor (md-scroll-shrink)

Sayfanın üzerinde bir <md-subheader md-scroll-shrink> kullanıyorum, ancak kullanıcı aşağı kaydırdığında (scroll shrink demo modelinde olduğu gibi) en üste yapışmıyor.Açısal Malzeme md-araç çubuğu yapışmıyor (md-scroll-shrink)

Herhangi bir fikrin var mı? Belki de benim düzenim soruna neden oluyor?

<body> 
    <div> 
    <md-toolbar md-scroll-shrink> 
    <div> 
     <md-sidenav> 
     <md-content> 
     <section> 
      <md-subheader> 
...

İşte bir codepen.

kaynak

2016-03-23 lebolo

Evet, düzeninizde bir sorun var. Biraz yeniden yapıyorum. http://codepen.io/anon/pen/VabdzW

<div ng-app="MyApp" layout="column" ng-controller="MainCtrl as main" ng-cloak layout-fill> 
    <md-content flex layout="column"> 
    <md-toolbar flex="50"> 
      ... 
    </md-toolbar> 

    <div layout="row"> 
     <md-sidenav layout="column" class="md-sidenav-left" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')" layout-padding md-whiteframe="4"> 
      .. 
     </md-sidenav> 
     <md-content layout="column" layout-padding flex> 
      ..real content 
     </md-content> 
     </div> 
    </md-content> 
</div>

kaynak

2016-03-24 04:53:25 sdfacre

Teşekkür bakın! Cevabınıza dayanarak, sadece '' layout = '' sütununu '' ekleme-'' sütununa '' ekleme '' ekleyerek çalışır. – lebolo

, kontrol edildiğinde bu example

<div ng-app="MyApp"> 
<div layout="column" ng-controller="MainCtrl as main" ng-cloak> 
<md-sidenav md-component-id="left" class="md-sidenav-left" md-swipe-left="toggleSidenav()" > 
    <md-menu-item> 
    menu 
    </md-menu-item> 
</md-sidenav> 

<md-content flex> 
<md-toolbar>  
    <div class="md-toolbar-tools" >   
     <md-button class="md-icon-button" aria-label="Menu" ng- click="toggleSidenav()"> 
      <md-icon>menu</md-icon> 
     </md-button> 
     <span flex> 
      <a class="md-title" href="">H3 TiP</a> 
      <span class="report-subtitle md-subhead">Sample Report</span> 
     </span>   
    </div>  
</md-toolbar> 

<md-content layout="column" layout-padding flex> content 
</md-content> 
</md-content></div></div>

kaynak

2016-03-24 05:21:43 kTn

Açısal Malzeme md-araç çubuğu yapışmıyor (md-scroll-shrink)

cevap

İlgili konular