调整滚动条
Tweaking scrollbar
是否可以通过编程方式改变滚动条的属性?假设我有一个很长的表,其中的行是惰性加载的,并且我想使用垂直滚动条模拟"分页"。
有限的行数和数据集中的当前位置是已知的,基于此,我可以改变滚动条范围和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
,您可以完全隐藏滚动条。
相关文章:
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 禁用(而不是隐藏)浏览器滚动条
- 在firefox和chrome中的左侧显示iframe滚动条
- 可调整滚动条大小
- 在RubyonRails中使用Javascript来调整模式对话框中的滚动条
- 如何在iframe调整大小时重置父窗口滚动条
- D3使用滚动条进行缩放,滚动条宽度和高度可根据缩放比例进行调整
- 当鼠标向上拉滚动条时,如何防止在调整“scrollTop”后触发滚动事件
- 调整滚动条
- 如何调整滚动条
- 如何在滚动条出现时触发窗口大小调整事件
- Jquery Datatable在调整大小时失去水平滚动条
- 防止可调整ui大小的句柄自动触发溢出滚动条
- CSS:当浏览器调整大小(缩小)时,垂直滚动条消失
- 为什么当滚动条出现或消失时,调整大小事件不会触发
- 调整窗口大小时显示滚动条
- 如何在视口中调整网格并让网格显示垂直滚动条
- 平滑的jScrollPane滚动条长度调整与动态内容
- 自定义滚动条正确调整大小切换
- 当jquery对话框打开时,调整页面大小会导致页面上出现滚动条