javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:IT技术 > WEB前端 > JavaScript >

判断网页中element是否可见的最佳方法

来源:IT技术网编辑:香独秀发布于:2013-08-31人围观网页方法判断element是否可见

javascript判断网页中element是否可见的最佳方法。记得以前一直用jQurey的is(":visible")来判断,一次偶然在chrome中发现这个函数居然是消耗CPU最多的,这个函数效率很低!经过在谷歌的一翻搜寻,终于找到了它:getBoundingClientRect()——获取element实际的top、bottom、left、right定位值,我们利用它计算element的高度,如果为0,即可认为element不可见。关键是,几乎所有浏览器都支持getBoundingClientRect。 具体代码如下:

function isVisible(element) {
    var rect = element[0].getBoundingClientRect();
    return !!(rect.bottom - rect.top);
}

//这是jsGen中的代码片段,element是经过了jQuery封装的,所以需要element[0],原生element自行修改


网页,方法,判断,相关的文章
有时间的话来看看IT界的突发事件