javascript - 调整滚动条

Question

是否可以通过编程方式更改滚动条的属性？假设我有一个长表，其中的行是延迟加载的，我想使用垂直滚动条模拟“分页”。

数据集中的有限行数和当前位置是已知的，基于此我可以更改滚动条范围和缩略图高度吗？假设它一次只显示 100 行，但数据集中的实际行数是 10000，我可以让滚动条看起来像表格有 10000 个元素吗？

基本上我想控制滚动条的拇指高度和位置。可能，不是吗？

我想我可以通过某种方式隐藏滚动条并构建我自己的 input type="range" 并将其垂直放置，但我很好奇是否可以直接调整滚动条？

Answer 1

我不认为这是可能的。 (2014 年 10 月 8 日)

如果您使用最新的稳定版 chrome (37)，检查工具不会显示任何滚动条的影子根。我们可以用它来证明它是不可编辑的，因为大多数元素现在已经实现并且可以通过 shadow dom 进行定制，可以看到有阴影。

this gives an example of styling the video player. 示例链接显示他们实际设计了一个 input type="range" 元素。 (万一有用的话)

这可能有两个原因。

1 滚动条实现及其外观取决于操作系统。

Windows 上的滚动条与 Mac 上的滚动条大小不同。

2 滚动条用户交互也取决于设备类型。

例如，在 macbook pro 笔记本电脑上，插入鼠标后滚动条会有所不同。 Android 甚至根本不显示滚动条，除非主动滚动。

tl;博士 截至目前，滚动条世界过于分散，原生滚动条无法通过 html 设置样式。