要计算元素滚动位置的百分比,可以使用以下公式:
滚动位置百分比 = (滚动距离 / 总滚动距离) * 100
其中,滚动距离是指元素当前滚动的距离,总滚动距离是指元素可滚动的总距离。
在 JavaScript 中,可以通过以下方式获取滚动距离和总滚动距离:
滚动距离:
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
总滚动距离:
const scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
然后,将滚动距离除以总滚动距离,并将结果乘以 100,即可得到滚动位置的百分比。
请注意,上述代码中的 document.documentElement.scrollTop
和 document.body.scrollTop
分别表示文档元素和主体元素的滚动距离。在某些情况下,可能需要根据实际情况选择使用其中一个。