js判断获取元素是否在可视区域

dujun_csdn

于 2019-07-09 13:52:00 发布

阅读量1w

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/dujun_csdn/article/details/96048322

博客主要围绕使用JavaScript判断并获取元素是否处于可视区域展开，聚焦于前端开发中元素可视状态的判断问题，属于信息技术领域的前端开发范畴。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js判断获取元素是否在可视区域
执行var ab = $(".nav_dh")[0]; isElementInViewport(ab)

function isElementInViewport(el) {
    //获取元素是否在可视区域
    var rect = el.getBoundingClientRect();
    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <=
        (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <=
        (window.innerWidth || document.documentElement.clientWidth)
    );
}