javascript - 是否可以使用页面滚动条来滚动内部 div？

Question

我有一个网站，其中有一个固定的高度和一个可滚动的 div。是否可以删除内部滚动条并将其更改为页面的滚动条？当前在 div 内带有滚动条的示例在这里。

我怀疑这可能需要使用 Javascript 来完成，并且在 Stack Overflow 上的搜索显示了许多引用它的条目，但我有点希望它不需要使用 Javascript 来完成。

目前，我只是让用户在 div 内滚动，但这并不是一个优雅的解决方案：

.singlepost {
position: fixed;
top: 270px;
bottom: 20px;
background-color: white;
padding-left: 20px;
padding-right: 20px;
overflow-x: hidden;
}

score 2 · Accepted Answer

您可以将页面上的所有其他元素设置为position: fixed，让您的 div 扩展正文并使其可滚动。检查小提琴的例子：

Next Web使用了类似的策略。

score 0 · Accepted Answer

查看您的演示页面，将上面的所有内容放入一个 div 中可能是最简单的，该 div 浮动在顶部，而下面的任何内容都向上滚动到顶部 div 下方。这将使您的导航保持在顶部，页面的其余部分像往常一样滚动，使用主窗口滚动条。

2 回答 2