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

Muh*_*kha 5 html javascript css jquery

我到处搜索,但尚未找到解决方案。好的,这是一笔交易,我有一个一页的网站,下面互相有几个div元素,我的行为有点像单个页面。我要实现的是一起禁用实际网页的滚动,但是如果活动div低于网络浏览器,则保持活动div的滚动处于播放状态。通过使用页眉上的锚点链接,可以轻松到达页面的其他部分。

Rus*_*ans 4

我不太确定你在寻找什么,但我认为你想要一个可滚动的 div,而不是实际的文档。您可以通过将 div 以固定高度绝对定位在屏幕上并将 设为overflow来实现此目的auto。我使用以下 CSS 代码完成了此操作:

\n\n
#scrollable {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    bottom: 10px;\n    left: 10px;\n    overflow: auto;\n}\xe2\x80\x8b\n
Run Code Online (Sandbox Code Playgroud)\n\n

查看示例: http: //jsfiddle.net/rustyjeans/rgzBE/

\n