如何在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添加粘性定位。请参阅此codepen以获取示例：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;
  }