可视区域的判断 html5,JS代码片段:判断一个元素是否进入可视区域

施俊哲
2023-12-01

// Determine if an element is in the visible viewport

function isInViewport(element) {

var rect = element.getBoundingClientRect();

var html = document.documentElement;

//在IE中,默认坐标从(2,2)开始计算,导致最终距离比其他浏览器多出两个像素,我们需要做个兼容。

var top = document.documentElement.clientTop; // 非IE为0,IE为2

var left= document.documentElement.clientLeft;

return (

rect.top -top >= 0 &&

rect.left -left >= 0 &&

rect.bottom -top <= (window.innerHeight || html.clientHeight) &&

rect.right -left <= (window.innerWidth || html.clientWidth)

);

}

javascript判断某种元素是否进入可视区域

判断是否在指定的可视区域内,先用最简单的方式,比如整个页面为可视区域 找到几个关键因素: sTop= $(window).scrollTop();  //滚动条距顶部的高度 clientHeight= ...

JS代码片段:一个日期离现在多久了

var dateDiff = function(hisTime,nowTime){ if(!arguments.length) return ''; var arg = arguments, now ...

如何判断一个Div是否在可视区域,判断div是否可见

 类似资料: