判断某个元素是否在用户可见区域

判断某个元素是否在用户可见区域

function elementVisible(ele){

console.log(ele.offsetTop);//元素到“文档”顶部的距离

console.log(document.body.scrollTop);//页面滚动的距离

console.log(window.screen.availHeight);//屏幕可用工作区高度

var bottomNum=ele.offsetTop-window.screen.availHeight;

var top=ele.offsetTop;

//当滚动的距离等于bottomNum的时候说明这个元素已经被滚动到浏览器底部，当等于to的时候，说明元素顶部已经在浏览器顶部（如果需要计算完全显示完全隐藏可以把元素的高度也计算在内）

if(bottomNum