angular md-fab-toolbar 스크롤을 따른다

Question

나는 3 장의 카드가있는 페이지가 있는데, 이것들 중 하나에는 md-fab-toolbar가 있습니다.

<md-card class="card-width"> 
      <md-toolbar class="md-hue-2" layout-align="center start" layout-padding> 
      <span>{{cardName}}</span> 
      </md-toolbar> 
      <md-card-content> 
      <div> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
         <p>Scroll</p> 
        </div> 
        <md-fab-toolbar md-direction="left" class="md-fab-bottom-right"> 
         <md-fab-trigger class="align-with-text"> 
          <md-button aria-label="menu" class="md-fab md-primary"> 
           <md-icon>menu</md-icon> 
          </md-button> 
         </md-fab-trigger> 
         <md-toolbar> 
          <md-fab-actions class="md-toolbar-tools"> 
           <md-button aria-label="comment" class="md-icon-button"> 
            <md-icon>magnify</md-icon> 
           </md-button> 
           <md-button aria-label="comment" class="md-icon-button"> 
            <md-icon>magnify</md-icon> 
           </md-button> 
           <md-button aria-label="comment" class="md-icon-button"> 
            <md-icon>magnify</md-icon> 
           </md-button> 
           <md-button aria-label="comment" class="md-icon-button"> 
            <md-icon>magnify</md-icon> 
           </md-button> 
           <md-button aria-label="comment" class="md-icon-button"> 
            <md-icon>magnify</md-icon> 
           </md-button> 
          </md-fab-actions> 
         </md-toolbar> 
        </md-fab-toolbar> 
      </md-card-content> 
     </md-card> 

확인이 codepen : http://codepen.io/marcusdacoregio/pen/ZpdQwa

본인은 MD-팹 도구 모음 스크롤을 따르고 절대 위치를 유지하지합니다. 나는이 행동을 취할 수 없다. 너희들이 나를 도울 수 있니?

Answer 1

이게 원하는가요? - CodePen

마크 업 (관련)

<md-content layout="column"> 
    <md-card class="card-width"> 
     <md-toolbar class="md-hue-2" layout-align="center start" layout-padding> 
      <span>{{cardName}}</span> 
     </md-toolbar> 
     <md-card-content layout="column"> 
      <div id="myList"> 

CSS

#myList { 
    overflow: auto; 
}