移动选项卡导航

Question

我想实现一个移动菜单，该菜单始终显示在我的页面底部。我不知道这些菜单是否有特定的名称，但我找到了一个完全符合此菜单的页面：

使用物化确定平板电脑和小型设备的最佳方法是什么？

Answer 1

Materialise中有一个叫做工具栏的东西。

  <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;
  }

然后，您可以根据自己想要放置的位置进行游戏。通过将宽度或边距设置为自动，您可以使其响应不同的视口。