我的页面上有 2 个固定位置的 div，我想用浏览器滚动条而不是 div 滚动条上下滚动第二个 div，有人知道该怎么做吗？我希望它不会太困惑。
#firstDiv
{
position:fixed;width:70%;height:20%;background-color:red;
}
#secondDiv
{
top:20%;position:fixed;width:70%;background-color:blue;overflow-y:scroll;bottom:0px
}<html>
<head>
<title>somthing</title>
</head>
<body>
<div>
<div id="firstDiv">
</div>
<div id="secondDiv">
<pre>
some Text some Text some Text some Text some Text
some Textsome Textsome Textsome Textsome Textsome Textsome
some Textsome Textsome Textsome Textsome Textsome Textsome
</pre>
</div>
</div>
</body>
</html>酒吧
最佳答案
fixed 属性使两个 div 已经随着用户上下滚动。使用您当前的设置，您看不到它，因为您的页面上没有向上或向下滚动。
您可能想要做的是仅使第一个 div fixed 并将另一个保留为 static(标准值)。如果第二个 div 足够高，浏览器将添加一个滚动条，允许您在第二个 div 上向上/向下滚动，而第一个 div 保持在原位。
看看这个片段(一定要点击右上角的“整页”):
body {
margin:0;
}
#first {
position:fixed;
top:0;
width:100%;
height:100px;
background-color:red;
}
#second {
margin-top:100px;
width:100%;
height:1500px;
background-color:blue;
}<body>
<div id="first">
First div
</div>
<div id="second">
Some text more text even more text.<br />
A new line here. More text.<br />
Text text text text text text.<br />
Text text text text text text.<br />
Text text text text text text.<br />
Text text text text text text.<br />
Text text text text text text.<br />
Text text text text text text.<br />
Et cetera.<br />
</div>
</body>关于javascript - 使用浏览器滚动条滚动固定的 div 内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31784945/