Javascript 禁用主体滚动，但将其保留在高度大于浏览器的单个div元素上

我到处都找遍了，还没有找到解决办法。好吧，这就是交易，我有一个一页的网站，其中有几个div元素在彼此的下面，我猜有点像单独的页面。我想要实现的是禁用所有实际网页的滚动，但如果活动div位于web浏览器下方，则保持活动div的滚动。通过在页眉上使用锚定链接，可以很简单地访问页面的其他部分。

您是否尝试过使用锚定链接

---

overflow-x：隐藏
我不太确定您在寻找什么，但我认为您希望div可以滚动，而不是实际的文档。您可以通过在屏幕上以固定高度绝对定位div并将
溢出
设置为
自动
来完成此操作。我使用以下CSS代码完成了此操作：

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

请看一个例子：
原来它非常简单。
CSS

问题是什么？我们可以看一些示例代码吗？您可以在MDN上阅读更多关于溢出的信息：我认为这就是您问题的答案，您需要在div和body中使用溢出-x，直到您得到想要的。也许你可以粘贴你的div，让我们的答案更直接
body{
 overflow:hidden;
}

#div_you_need_scrolling{
 overflow:auto;
}