滚动条算法

时间:2010-10-11 13:49:54

标签: javascript scroll

我一直在尝试用JavaScript创建自己的自定义滚动条实现。它必须模仿MS Office 2007的外观和行为我检查了很多解决方案,但没有什么能满足我的需求。我的主要问题是:如何计算滚动条高度和当它拖动像素时它将移动目标页面的行数之间的平衡?换句话说,滚动条精度和可用于上下拖动的空间之间的平衡。是否有一个现成的算法可以重用?我在网上搜索但没有发现任何东西,对于什么是常见的编码问题很奇怪?

谢谢!

1 个答案:

答案 0 :(得分:3)

这是如何计算滚动条的顶部位置

scrollbar.style.top = element.scrollTop / (element.scrollHeight / element.style.height)

您可以使用滚动元素的onscroll。反之亦然,当您拖动滚动条时,这可以在另一个方向上工作。

对不起这个快速的答案,如果你愿意的话,会在以后提供更多信息。