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

Question

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

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

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

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

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

• 集装箱高度
• 内容高度
• 当前滚动位置 ( scrollTop)
• 滚动条高度

Answer 1

滚动条的位置应通过以下公式计算：

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