美文网首页
原生JS判断一个元素是否在可视区域

原生JS判断一个元素是否在可视区域

作者: 菲龍探雲 | 来源:发表于2017-05-08 00:42 被阅读1278次

参考链接http://www.tuicool.com/articles/3aABJr

   function getElementTopLeft(obj) {
        var top = 0;
        var left = 0;

        while(obj){
            top += obj.offsetTop;
            left += obj.offsetLeft;

            obj = obj.offsetParent;
        }

        return {top:top,left:left};
    }
if (getElementTopLeft(element).top + element.clientHeight > window.pageYOffset && window.pageYOffset + window.innerHeight > getElementTopLeft(element).top) {
            console.log('可见')
        } else {
            console.log('不可见')
        }

相关文章

网友评论

      本文标题:原生JS判断一个元素是否在可视区域

      本文链接:https://www.haomeiwen.com/subject/lbnptxtx.html