如何将顶层菜单定位为固定，这样当我们滚动时，菜单不会移动？
这不起作用：
body { overflow-y: scroll; }
#header { position:fixed; width:100%; height:50px; background-color:yellow; }
#container { padding-top: 60px; }<div id="header">Bonjour</div>
<div id="container">Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br></div>
答案 0 :(得分：0)
当我解开你的时候，这个问题解决了同样的问题。 Using jQuery to keep scrolling object within visible window
对不起，简短的回答，但我只在我的iPad上。
答案 1 :(得分：0)
首先，我不确定我理解你的要求。
我得到它，你的代码运行得很好。你没有看到它的主要原因可能是大屏幕（不足以滚动）。
您放在正文Details上的价值根本无法帮助您，因为它是overflow-y: scroll代码的默认值。
现在，为了强制在<body>中进行一些滚动，您需要为其设置一些body或height，这至少比浏览器窗口高度长。
示例：
min-height否则，您编写的代码可以很好地保持body {
min-height: 2000px;
}
始终处于该位置。