角材料FAB按鈕流動態勢

Question

我嘗試從角材料使用FAB按鈕，不過，我有麻煩了正確定位按鈕浮動我的網頁上的主要內容上面，這是我的代碼片段

<div layout="row" ng-cloak> 
    <div layout="column"> 
     <div flex> 
      <md-fab-speed-dial md-open="false" md-direction="down" ng-class="'md-scale'"> 
       <md-fab-trigger> 
        <md-button aria-label="menu" class="md-fab md-warn" > 
         <md-icon class="material-icons">menu</md-icon> 
        </md-button> 
       </md-fab-trigger> 
        <md-fab-actions> 
        <md-button aria-label="Twitter" class="md-fab md-raised md-mini"> 
         <md-icon class="material-icons" aria-label="Twitter">format_list_bulleted</md-icon> 
        </md-button> 
        <md-button aria-label="Facebook" class="md-fab md-raised md-mini"> 
         <md-icon class="material-icons" aria-label="Facebook">insert_chart</md-icon> 
        </md-button> 
        <md-button aria-label="Google Hangout" class="md-fab md-raised md-mini"> 
         <md-icon class="material-icons" aria-label="Google Hangout">face</md-icon> 
        </md-button> 
       </md-fab-actions> 
      </md-fab-speed-dial>  
     </div> 
    </div> 
    <div layout="row" style="width: 100%"> 
     <div flex> 
      <ui-view></ui-view> 
     </div> 
    </div> 
</div> 

該字段<ui-view>屬於我的主要觀點。這是它的外觀在我的瀏覽器

我讀過一些關於漂浮在GitHub上的FAB按鈕，但我不能找到如何實現它也不會說這是已經實現的最後一次更新是2015年

Answer 1

剛剛得到它，誰想要實現這種解決方案，請參閱Ø代碼片段

<div layout="row" ng-cloak> 
    <div layout="row" style="width: 100%;"> 
     <div flex> 
      <div style="float: <right or left>;"> 
       <THIS IS WHERE MY FAB BUTTON CODE GOES> 
      </div> 
      <ui-view></ui-view> 
     </div> 
    </div> 
</div> 

，其結果是

這是當FAB按鈕浮動到權

這是當FAB按鈕浮動到左

希望這有助於有人！謝謝！