javascript - 设置浏览器滚动条的拇指位置

Question

我一直在开发一个结合了锚定滚动和正常滚动的网站，所以我决定有一个隐藏滚动条的部分，并在超过某个点后显示出来。虽然我设法做到了这一点，但滚动条的拇指并没有像我希望的那样位于最顶部，因为用户当然已经向下滚动了。

尽管如此，我确信这是可能的，如所见 here ，但是查看 javascript 和 css 我真的不明白他是怎么做到的。

因此我归结为 2 个选项，一个是完全隐藏滚动条并用定制的滚动条替换它，另一个是让锚定滚动部分实际上就在正常滚动部分的正上方并且简单通过一些 javascript 动画离开(可能很难理解我的意思，但基本上，如果您查看上面的链接，它会更有意义)。

希望任何人都可以帮助提供一些关于此事的见解!

Answer 1

当页面滚动时，主体从

overflow: hidden;

到

overflow: auto;

overflow: hidden 是滚动条被隐藏的原因。您可以使用 Javascript 检测滚动或页面位置，然后将此样式更改为正文。还有许多滚动插件可以帮助您实现此目的或类似目的。