如何计算元素滚动位置的百分比?

阅读 14

2024-11-01

要计算元素滚动位置的百分比,可以使用以下公式:

滚动位置百分比 = (滚动距离 / 总滚动距离) * 100

其中,滚动距离是指元素当前滚动的距离,总滚动距离是指元素可滚动的总距离。

在 JavaScript 中,可以通过以下方式获取滚动距离和总滚动距离:

滚动距离:

const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

总滚动距离:

const scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;

然后,将滚动距离除以总滚动距离,并将结果乘以 100,即可得到滚动位置的百分比。

请注意,上述代码中的 document.documentElement.scrollTopdocument.body.scrollTop 分别表示文档元素和主体元素的滚动距离。在某些情况下,可能需要根据实际情况选择使用其中一个。

精彩评论(0)

0 0 举报