2016-06-16 10 views
1

私は、

angular2-材料MD-コンテンツのスクロールの問題

  1. md-toolbar構造を作るしようとしていたコンテンツが溢れている場合は、常にページ全体の固定
  2. のみmd-contentスクロールです。そのコンテンツと共に
  3. md-sidenav
  4. は、参考のためにかかわらず、常にそのモード( '上' または '側')

イメージの修正されるべきである: -
enter image description here


しようとした後2日間の時間を無駄にしてしまったので、私は下の大草原で構造を達成することができました。これはコンテンツだけでなくページ全体をスクロールします。

[PLUNKR DEMO][2] 

http://plnkr.co/edit/ORA0KloDddgseMIOQ71i?p=preview


私が使用しようとしています構造: - MD-コンテンツがまだangular2材料で実装されていません

<md-sidenav-layout> 
    <md-sidenav #start mode="{{hasMedia('gt-xs') ? 'side' : 'over'}}" [opened]="true"> 


    </md-sidenav> 

    <md-content flex > 
     <md-toolbar class="fixed-toolbar" color="warn"> 


     </md-toolbar> 
     <div layout="column" layout-fill layout-align="top center"> 

      <div class="routerview"> 
       <router-outlet></router-outlet> // the only dynamically changing part in whole SPA. 
      </div> 
     </div> 
     <div flex></div> 
    </md-content> 
</md-sidenav-layout> 
+1

plunkerは上記のように動作していないようです – gaurav5430

+0

リンクを変更しようとします。私はなぜそうはしませんが、リンクは自分のアカウントからしか働いていないようです。角2でくっついていると言ったら、それは実際には遅いです。ロードに時間がかかる –

答えて

0

かあれば、それは明らかではないが、彼らはそれを実装します。

関連する問題