javascript - jQuery/JavaScript 中的自定义滚动条数学

Question

我目前正在开发一个项目，该项目使用自定义滚动插件(由我编写)来允许元素在触摸设备和桌面浏览器中滚动。一切正常(包括 iOS 的速度和减速度)。

但是，唯一剩下的问题是计算用户滚动时滚动条的顶部(或左侧)位置。我用以下公式计算了滚动条的高度:

Math.round((container.height() / content.height()) * 100);

这似乎计算了条的正确高度，但现在我需要一个公式来计算当用户滚动时滚动条的位置应该移动多少。我已经通过谷歌进行了检查，但找不到太多用处，并且还在此处进行了搜索，欢迎提出任何意见。

我有以下数据可用于公式:

• 容器高度
• 内容高度
• 当前滚动位置(scrollTop)
• 滚动条的高度

Answer 1

滚动条的位置应按以下公式计算:

Math.round((scrollbar.height * scrollTop / content.height());