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

参考链接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('不可见')
        }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容