当前滚动位置可以通过多种方法获取,以下是其中几种常用的方法:
window.scrollY
或 window.scrollX
获取浏览器上下或左右滚动位置。// 获取浏览器上下滚动位置
var scrollTop = window.scrollY;
// 获取浏览器左右滚动位置
var scrollLeft = window.scrollX;
document.documentElement.scrollTop
或 document.documentElement.scrollLeft
获取文档的滚动位置。// 获取文档的上下滚动位置
var scrollTop = document.documentElement.scrollTop;
// 获取文档的左右滚动位置
var scrollLeft = document.documentElement.scrollLeft;
window.getComputedStyle()
获取元素样式值获取滚动位置。// 获取元素样式值
var element = document.getElementById('element');
var styles = window.getComputedStyle(element);
// 获取元素上下滚动位置
var scrollTop = styles.getPropertyValue('top');
// 获取元素左右滚动位置
var scrollLeft = styles.getPropertyValue('left');
以上三种方式都可以获取滚动位置,具体使用哪种方式取决于应用场景。
领取专属 10元无门槛券
手把手带您无忧上云