javascript - 如果div的底部可见jquery

Question

请在这里帮助我，如果 div 的底部或完整的 div 可见，那么我想向下滚动到下一个 div。这是我试过的代码，

数学上，

var top = $("#myDiv").offset().top;
//top = 1863
var divHeight = $("#myDiv").height();
//divHeight = 571
var total = top + divHeight;
//total = 2434
if($('#myDiv').css('height',total).visible(true))
  {
   alert('hi');
   // I need to alert only if the full div is visible not some part of div
  }
else
{
//if height of myDiv is larger window height (my screen height 640 pixels)
}

如果 html 的所有这一部分(从顶部到 divHeight)或页面底部(这里是总值)都是可见的，那么我需要滚动到下一个 div。请注意:- if 条件语句中的代码不正确，我想您从中得到了一些想法。

Answer 1

给定 element 您要检查的 jQuery 对象，如果 element 是 shown，则它是完全可见的并且其布局框的所有 4 个边都落在窗口视口(viewport)内。

注意:以下解决方案假设element与文档根之间不存在可滚动溢出的元素，否则计算方式更复杂。

function isFullyVisible(element) {
    var offset = element.offset();
    var scrollTop = $(document).scrollTop();
    var scrollLeft = $(document).scrollLeft();

    return element.is(":visible") && // shown
        offset.top >= scrollTop && // top
        offset.left >= scrollLeft && // left
        offset.top + element.outerHeight() <= scrollTop + $(window).height() && // bottom
        offset.left + element.outerWidth() <= scrollLeft + $(window).width(); // right
}

如果不关心边，可以只保留相应的子表达式。