div元素应向下滚动，直到与另一个元素接触为止

Question

我有一个div元素＃1，它在滚动时停留在屏幕顶部。 到目前为止，多数民众赞成在工作。 现在，在页面的更下方，还有另一个元素＃2，并且元素＃1与＃2接触时应该停止滚动。 为了说明这种情况，我用自己的绘画技巧制作了一张病态的照片。

有人知道怎么做吗？

Answer 1

$el1.offset().top + $el1.outerHeight();

这将使您处于第一格的最低位置。 现在，当滚动时，请检查第一格的底部位置是否小于第二格的顶部位置。 如果它没问题，但如果它大于它，您可以在first div上做任何您想做的事情。 您可以隐藏它，使其处于绝对位置。

$(window).scroll(function(){
var bott = $el1.offset().top + $el1.outerHeight();
   if(bott > $el2.offset().top){
   $el1.css('display','none');
   // OR
   $el1.css('position','absolute');
  }
});

希望这可以帮助