调整滚动条

Tweaking scrollbar

本文关键字:滚动条 调整      更新时间:2023-09-26

是否可以通过编程方式改变滚动条的属性?假设我有一个很长的表,其中的行是惰性加载的,并且我想使用垂直滚动条模拟"分页"。

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

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

我想我可以隐藏滚动条,并建立自己的input type="range"和垂直位置,但我很好奇,如果有可能直接调整滚动条?

今天我不相信这是可能的。(2014年10月8日)

如果您使用最新稳定版本的chrome(37),检查工具不会显示任何滚动条的影子根。我们可以用它来证明它是不可编辑的,因为大多数元素现在都被实现了,并且可以被shadow自定义。

给出了一个样式化视频播放器的例子。示例链接显示了他们实际上对input type="range"元素进行了样式化。(万一有用的话)

这可能有两个原因。

1滚动条的实现及其外观与操作系统有关。

windows上的滚动条与mac上的滚动条大小不同。

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

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

tl,博士到目前为止,滚动条世界太分散了,原生滚动条无法通过html进行样式化。

你可以使用Mousewheel jQuery插件,但它只会在用户使用滚轮的情况下工作。

我认为通过拖动滚动条来禁用用户手动滚动是不可能的。

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