如何在滚动时固定此菜单栏?

时间:2014-01-04 20:11:19

标签: html css menu menubar

我想在页面顶部修复此菜单栏,以便当用户向下滚动时,菜单栏会继续显示,内容会流入其中。我尝试了一切,一些帮助会很好。

继承CSS并在HTML下面:

CSS:https://www.dropbox.com/s/a0z0eov71wvha1c/style.css

HTML:https://www.dropbox.com/s/qyvb0oqhx8550ym/html.txt

谢谢!

3 个答案:

答案 0 :(得分:1)

使用position: fixed css属性。然后div的位置相对于窗口的视口而不是页面的内容。

答案 1 :(得分:0)

你在样式表中拼写错误的#navigation中的位置,这可能是问题吗?

答案 2 :(得分:0)

如果你正确理解了位置属性在css中的工作方式,这真的很容易。

我有一个可以帮助你的演示。您只需要了解如何使用 position:fixed 使菜单栏保持最佳状态。

http://codepen.io/anon/pen/mvGqf