javascript - 禁用正文滚动，但将其保留在高度大于浏览器的单个 div 元素上

Question

我到处搜索，还没有找到解决方案。好的，这就是交易，我有一个单页网站，其中有几个 div 元素在彼此下方，有点像我猜的单个页面。我想要实现的是完全禁用实际网页的滚动，但如果活动 div 的滚动低于 Web 浏览器，则保持它的滚动。通过使用标题上的锚链接可以很容易地到达页面的其他部分。

Answer 1

我不确定您要查找的内容，但我认为您希望 div 可滚动，而不是实际文档。您可以通过将 div 以固定高度绝对定位在屏幕上并将其设置overflow为auto. 我已经使用以下 CSS 代码完成了这项工作：

#scrollable {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    overflow: auto;
}​

看一个例子：http: //jsfiddle.net/rustyjeans/rgzBE/

Answer 2

你试过吗 overflow-x:hidden;

Answer 3

原来它很简单。CSS

body{
 overflow:hidden;
}

#div_you_need_scrolling{
 overflow:auto;
}