如何设置浏览器滚动条以滚动页面的一部分？

Question

我在一些网站上看到过这种情况,例如artofadambetts.com.页面上的滚动条仅滚动页面的一个元素,而不是整个页面.我查看了源代码,但还没有弄明白.这是怎么做到的？

Answer 1

那太漂亮了.他在大多数div上使用"position:fixed",而滚动的则是没有它的那个.

Answer 2

事实上，“完成工作”的不是滚动部分，而是页面的固定部分。

为此，您应该使用 CSS并向您不希望滚动的元素添加属性（与 、 和/或属性一起使用）position: fixed;。topbottomleftright

并且您不应该忘记给它们一个更大的z-index，如果您不这样做，则在您滚动时可能会有一些滚动元素可以越过您的固定元素（您当然不希望这样）。