0
点赞
收藏
分享

微信扫一扫

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

戴老师成长记录仪 2024-11-01 阅读 14

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

滚动位置百分比 = (滚动距离 / 总滚动距离) * 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 条评论