javascript - 滚动条算法

Question

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

谢谢!

Answer 1

这是计算滚动条顶部位置的方法

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

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

很抱歉这个快速'n'肮脏的回答，如果你愿意，稍后会提供更多信息。