以前一直用jQurey的is(":visible")
来判断,这也是 @红薯 在某文中推荐的~。 一次偶然在chrome中发现这个函数居然是消耗CPU最多的,这个函数效率很低! 经过一翻搜寻,终于找到了它:getBoundingClientRect()——获取element实际的top、bottom、left、right定位值,我们利用它计算element的高度,如果为0,即可认为element不可见。关键是,几乎所有浏览器都支持getBoundingClientRect!
下面是来自于jsGen的代码片段,一个AngularJS的server
factory('isVisible', function () {
return function (element) {
var rect = element[0].getBoundingClientRect();
return !!(rect.bottom - rect.top);
};
})