2016-03-23 11 views
0

私は自分のページに複数の<md-subheader>を使用していますが、ユーザーがスクロールしたときに上にくっついていません(demoのように)。角度のある素材md-subheaderがべたつかない

アイデア?多分私のレイアウトは問題を引き起こしているのでしょうか?

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

ここにはcodepenがあります。別のquestion I hadに基づいて


、あまりにも、トップdiv作品にlayout="column" layout-fillを追加します。

答えて

1

sectionmd-contentの中に入ります。あなたがスクロールすると、md-contentの中にスクロールしません。粘着性が働くためには、md-contentの中をスクロールしてください。

私はに500pxの高さを与えて、その効果を見ることができます。

<md-content layout="column" layout-padding flex style="height: 500px;"> 

    <!-- Report content --> 

    <section ng-repeat="i in [1,2,3,4,5]"> 

ここでは、作業codepenです。

+0

ありがとうございました!これは間違いなく解決策ですが、私は 'md-content 'の高さを制限したくありません。彼らが私のシナリオに固執する方法はありますか?それとも、ちょうど粘着性の 'md-subheader'が使われるべきではないのでしょうか? – lebolo

+3

別の[質問](http://stackoverflow.com/a/36193493/1370556)に基づいて、top divに 'layout ="列 "layout-fill"を追加するだけです。 – lebolo

関連する問題