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

Question

我有一个div元素＃1在滚动时粘在屏幕上。那是迄今为止的工作。现在在页面的下方还有另一个元素＃2，元素＃1在与＃2联系时应该停止滚动。为了说明这个场景，我用我的绘画技巧制作了一张病态照片。

有人知道怎么做吗？

Answer 1

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

这将为您提供第一个div的底部位置。现在滚动时检查第一个div的底部位置是否小于第二个div的顶部位置。如果它不是它的确定，但如果它大于你可以做任何你想要的第一个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');
  }
});

希望这会有所帮助