调整滚动条

Question

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

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

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

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

Answer 1

我认为今天不可能。 （2014年10月8日）

如果使用最新稳定版本的chrome（37），则检查工具不会为任何滚动条显示阴影根。我们可以使用它作为它不可编辑的证据，因为现在大多数元素都已实现，并且可以通过阴影dom来定制，可以看到它有阴影。

this gives an example of styling the video player. 示例链接显示它们实际上为input type="range"元素设置样式。 （如果有任何用途）

这可能有两个原因。

1个滚动条实现，其外观与操作系统相关。

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

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

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

TL;博士 截至目前，滚动条世界过于分散，本机滚动条可以通过html进行样式化。

Answer 2

您可以使用Mousewheel jQuery plugin，但只有在用户使用滚轮时才会有效。

我不认为通过拖动滚动条可以禁止用户手动滚动。

但是，您可以通过将overflow:hidden设置为body来完全隐藏滚动条。