移動標籤導航

Question

我想要實現一個移動菜單，它總是在我的頁面底部可見。我不知道是否有這樣的菜單，具體的名字，但我發現一個網頁，其中不正是這個菜單：

什麼是正是實現這一目標的平板電腦和更小的設備使用兌現的最佳方式？

Answer 1

在實現中有一種叫做工具欄。

<div class="fixed-action-btn toolbar"> 
    <a class="btn-floating btn-large red"> 
     <i class="large material-icons">mode_edit</i> 
    </a> 
    <ul> 
     <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">insert_chart</i></a></li> 
     <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">format_quote</i></a></li> 
     <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">publish</i></a></li> 
     <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">attach_file</i></a></li> 
    </ul> 
    </div> 

但它不一樣，你在找什麼。你必須修改這個或你需要創建你自己的。

的Fab工具欄： http://materializecss.com/buttons.html

Answer 2

您是否嘗試過使用CSS，按類或ID選擇整個菜單並將其設置爲固定位置？

#fixedMenu{ 
    position:fixed; 
    } 

然後，您可以隨時隨地播放您想放置的位置。通過使用寬度或邊距設置爲自動，然後您可以使其響應不同的視口。