向下滚动时，顶部的菜单栏（Div 元素）仍然存在

Posted 2023-02-16

【中文标题】向下滚动时，顶部的菜单栏（Div 元素）仍然存在

【英文标题】：menubar at the top (Div element) remains while you scroll down

【发布时间】：2013-08-01 15:36:44

【问题描述】：

我正在制作一个简单的（测试）网站，我想添加一个菜单栏（在网站顶部），当您向下滚动而不是消失时，它会留在同一位置。我知道我需要 jQuery，可能还需要 javascript。它不像滑动菜单，就像当你想发布问题时，*** 在网站的右侧 -> 但现在我希望它在顶部有一个菜单栏。

如何制作这种菜单栏？

感谢回复，

尼尔斯。

【问题讨论】：

如果它永远不会移动，这是一个 CSS 问题。了解 position 属性。

如果我的回答有帮助，如果您将其标记为正确，我会很高兴。

【参考方案1】：

您只需要 CSS。你只需要给它一个固定的位置：

#topBar 
    position:fixed;
    top:0px;

这将随着页面滚动。另见this SO Question。

【参考方案2】：

这是你想要的效果吗？ http://www.sutanaryan.com/Tutorials/fixed-menu-when-scrolling-page-with-CSS-and-jQuery/