js滑轮滚动监听

offsetHeight 返回元素的height+padding+border
offsetWidth 返回元素的width+padding+ border
onscroll事件,滚动条滚动是触发
获取当滚动条向下滚动时,被滚下的高度: document.body.scrollTop
当滚轮滚动是就会触发window的onscroll事件

下面是百度截图
js滑轮滚动监听_第1张图片
js滑轮滚动监听_第2张图片
下面是实例

var banner = document.querySelector(’.jd_banner’);
var height = banner.offsetHeight;
var width = banner.offsetWidth;

window.onscroll = function() {
 var scrollTop = document.body.scrollTop
 if (scrollTop > height) {   
 console.log (width)
 }

}

你可能感兴趣的:(滚轮事件,滑轮监听)