我正在使用Foundation
和ZURB
并尝试将导航栏置顶。如何使导航栏始终位于顶部?
6
A
回答
8
如果您使用的基础,你可以使用:
<nav class="top-bar fixed"></nav>
7
我不知道那些两件事情是,但你这是怎么到位与CSS定下来不论窗口滚动位置:
#navbar {
position: fixed;
top: 0px;
width: 100%;
}
1
使用的样式:
position:fixed;
top:0px;
1
您还可以使用bootstrap设计的类。
<nav class="navbar-fixed-top">
1
添加到亚历克斯·韦恩的回答是:
我认为有必要增加一个的z-index具有足够高的号码导航栏总是出现在其他元素之上。
#navbar {
z-index: 10000;
position: fixed;
top: 0px;
width: 100%;
}
相关问题
- 1. 如何让我的导航栏始终位于顶部?
- 2. 导航栏位于标题顶部
- 3. SearchView始终位于顶部
- 4. 锚定导航 - 目标div应始终位于容器顶部
- 5. 侧栏导航改为导航栏中的顶部导航栏
- 6. Bootstrap导航栏 - 如何漂浮导航栏固定顶部?
- 7. 始终位于顶部Adobe Air
- 8. 始终位于iPhone的顶部html块
- 9. 保持窗体始终位于任务栏顶部
- 10. Android导航栏顶部
- 11. 第二导航栏顶部
- 12. 禁用顶部导航栏
- 13. 滚动顶部导航栏
- 14. 如何使非模态对话框始终位于顶部?
- 15. 如何使弹出窗口始终位于顶部?
- 16. 如何使Eiffel Vision2窗口始终位于顶部?
- 17. 如何使弹出式窗口始终位于顶部
- 18. 导航栏不会位于页面顶部
- 19. 冻结导航栏位于页面顶部
- 20. 使CSS导航栏封面顶部
- 21. 导航栏在顶部使用CSS
- 22. 将固定顶部导航栏变为静态顶部导航栏的断点
- 23. 如何使底部的导航栏坚持顶部
- 24. 如何将导航栏永久置于顶部?
- 25. 如何确保应用程序窗口始终位于顶部?
- 26. 如何设置组件始终位于顶部Windows Phone
- 27. 如何确保图像始终位于顶部?
- 28. 如何显示始终位于顶部和居中的元素?
- 29. bootstrap 3:侧导航栏崩溃到顶部导航栏
- 30. 侧栏导航和顶部导航栏冲突
-1有一个更简单的方法为基金会,看看@ vinay的回答 – imwill
我的歉意。为什么使用3行CSS就可以使用整个框架! ;) –
是的,真的。 ;-) – imwill