角材料侧边导航和固定工具栏
八月
我从有角度的材料文档中复制了这个sidenav演示。https://material.angularjs.org/latest/demo/sidenav
并从https://material.angularjs.org/latest/demo/toolbar向其添加了第一个工具栏演示
我想要的是固定的工具栏。
Codepen演示：http ://codepen.io/gvorster/pen/BzWvGe
添加此样式时，工具栏是固定的。
<md-toolbar class="md-hue-2" style="position:fixed !important">
但是右边的图标不见了。
调整屏幕大小直到隐藏sidenav都会显示右侧图标。
删除样式将显示右侧图标，但工具栏未固定：
有没有一种方法可以使工具栏变粘并显示出侧面的图标。
nextt1
您必须md-sidenav在md-content容器内部使用。另外，请尝试使用md-content而不是div标签。在您的示例中，您给layout-align属性指定了错误的值。请检查Docs中的适当值。
这是您要求的基本结构。
<md-content flex>
<md-toolbar>
</md-toolbar>
<md-content layout="column" layout-fill>
<!-- content -->
<md-sidenav>
</md-sidenav>
</md-content>
</md-content>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
角材料固定工具栏和粘页脚
- 2
角材料卡工具栏
- 3
角材料透明工具栏
- 4
角材料Md工具栏输入
- 5
角材料md工具栏扩展过渡
- 6
设置工具栏颜色和导航栏后退按钮
- 7
带有导航栏和工具栏的布局TableView
- 8
在哪里添加工具栏和导航栏
- 9
片段和导航抽屉的不同工具栏
- 10
工具栏的默认样式和导航图标
- 11
react-native-导航器和工具栏
- 12
tkinter的画布大小和导航工具栏的问题
- 13
如何使用“ addOnDestinationChangedListener”删除底部导航和工具栏
- 14
工具栏显示在导航栏中
- 15
导航栏和导航工具栏不是来自App Delegate
- 16
在侧边材质中同时使用sidenav和工具栏时，页面不滚动
- 17
侧边栏中的Big Sur工具栏项目
- 18
工具栏和NavigationDrawer
- 19
Xamarin MasterDetailPage固定工具栏
- 20
固定工具栏上的表格按钮
- 21
使用片段/工具栏返回导航
- 22
Matplotlib导航工具栏重置Legendstyle
- 23
ActionBar与工具栏或ActionBar和工具栏
- 24
如何提高iOS 7中工具栏和导航栏上的按钮的点击能力
- 25
iOS 7 UITableView使用透明的导航栏和工具栏
- 26
ios8隐藏/显示导航栏和工具栏
- 27
如何在iOS中推送整个视图，包括导航栏和工具栏
- 28
SFSafariViewController在导航栏和底部工具栏中是否始终具有相同的UI元素？
- 29
如何使我的导航栏和底部的工具栏成为单一颜色？
我来说两句