1,element.scrollTop
获取或设置一个元素的内容垂直滚动的像素数。
// 获得滚动的像素数
const intElemScrollTop = element.scrollTop;
// 设置滚动的距离
element.scrollTop = intValue;
2,window.scrollY 和 window.pageYOffset
返回文档在垂直方向已滚动的像素值。但 window.pageYOffset
兼容性更好。
window.pageYOffset === window.scrollY; // true
3,获取页面滚动距离
最兼容性的写法:
const useScrollTop = () => {
return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
}
这也是 skrollr 库使用的写法。
以上。