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

最新推荐文章于 2025-05-21 18:02:04 发布

原创最新推荐文章于 2025-05-21 18:02:04 发布 · 1w 阅读

4 ·

CC 4.0 BY-SA版权

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

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)
    );
}