嗨,大家好,我正在一个网页上工作,即使用户向下滚动页面,导航栏也必须始终可见。我想说的是,导航栏应该可以看到各种方式。有谁阅读知道如何做到这一点。总是可见的导航栏
Q
总是可见的导航栏
-1
A
回答
-1
-1
您可以使用引导程序导航栏navbar-fixed-top类将导航栏固定在顶部。
,或者你可以创建一个CSS类像下面(如果你使用的是一个框架,或者你有一些CSS代码,确保在类名或ID不是没有在CSS中重复):
注意: z-index将在滚动时使div覆盖在其他对象上。
.mynb{
posistion:absolute;
top:0;
left:0;
z-index : 999;
}
.mywrap
{
width : 100%;
height : auto;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
}
<!DOCTYPE html>
<html>
<head>
\t <meta charset="utf-8"/>
\t <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<div class="mywrap">
<div class="mynb">
Nav Bar code here
</div>
</div>
+0
为了这个工作,我们需要看到更多的OP代码,所以这或多或少是一种猜测,我们不应该在SO这里做。请耐心等待OP在回答之前添加足够的信息 – LGSon
相关问题
- 1. 导航栏是可见的,当我导航回主视图
- 2. 导航栏总是折叠
- 3. 检查导航栏的可见性
- 4. WordPress的导航栏不可见
- 5. 导航栏项目图像不可见
- 6. 确定当前屏幕是否有可见的导航栏
- 7. Tabwidget在android studio的工具栏/导航栏下不可见
- 8. 常见的UIButton或UIbarbutton导航栏
- 9. MS-Access导航窗格是否可见?
- 10. 侧栏导航改为导航栏中的顶部导航栏
- 11. 导航栏上的titleview在segues后的视图中不可见
- 12. 控制容器可见性的自举导航栏项目
- 13. 导航栏,列表项之间的可见空间
- 14. 导航栏上方的导航栏
- 15. 使导航栏可折叠
- 16. Inkscape线总是可见的
- 17. Y轴总是可见的
- 18. 标签栏在导航控制器中不可见
- 19. 如何编辑导航栏以使背景不可见?
- 20. 如何切换可见性操作栏选项卡导航?
- 21. 如何通过透明导航栏使横幅图像可见?
- 22. 侧栏导航在Safari浏览器中不可见
- 23. 是否可以隐藏故事栏中的导航栏?
- 24. Bootstrap导航栏:导航栏 - 右
- 25. Bootstrap导航栏(随顶栏)锚标签导航导航栏后面的内容
- 26. Bootstrap导航栏下拉并不总是开放
- 27. 引导3折叠导航栏在展开时不保持可见,但在悬停时可见
- 28. Uisplitviewcontroller导航栏
- 29. Django导航栏
- 30. TTThumbView +导航栏
是的,你有什么尝试过自己?发布你的代码到目前为止 – LGSon
我没有尝试任何事情,因为我不知道要开始。 – Akhil
然后我建议你先做一个研究。尝试和谷歌和使用这个搜索'导航栏总是必须是可见的,即使用户向下滚动页面.... ....不能更简单,你不必坐下来等待别人找到它对你来说 – LGSon