Scroll系列:
属性:
scrollWidth:元素内容的实际宽度(没有边框)
scrollHeight:元素内容的实际高度(没有边框)
注意:如果没有内容(内容高度或宽度没有超过元素实际高度或宽度)就是元素的高度和宽度
scrollTop:向上卷曲出去的距离
scrollLeft:向左卷曲出去的距离
方法:
window.onscroll = function(){
console.log("我是一个滚动事件");
}
封装滚动函数,获取浏览器向上和向左卷曲出去的距离:
/**
* 封装滚动函数,获取浏览器向上和向左卷曲出去的距离
*/
function getScroll() {
return {
left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,
top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
}
}