vue.js - 如何在 vue 材质中使用 md-toolabr 创建固定导航栏？

Question

我想使用 vue 材质框架创建一个固定到导航栏。我怎么做？

<md-whiteframe md-elevation = "3" class = "main-toolbar">



    <md-toolbar class = "flex: 1">



    </md-toolbar>


  </md-whiteframe>

我从这个大纲开始，但无论我做什么，我似乎都无法修复它。

Answer 1

您需要从 css 添加粘性定位。请参阅此代码笔以获取示例：https ://codepen.io/aprouja1/pen/awKavJ

#toolbar{
    position:sticky;
    top:1px;
}

Answer 2

您可以使用默认 css，例如：

.main-toolbar {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
  }