Scroll系列
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 } }