javascript - 如果 div 底部和屏幕匹配，则将 div 粘贴到屏幕

Question

大家好我正在做一个元素，在页面中，当它的底部位于屏幕底部时，我必须将 div 粘贴到屏幕(禁用滚动)。我在页面中有两个 div，这两个 div 的高度都是可变的。我想粘贴 div2 并滚动 div1。

<script>
  var divheight
  var scrolltop
  var screenheight
  if(divheight-scrolltop <= screenheight){ 
  /* now stick the div wherever it is i can not 
  use fixed position as both the divs are floating and
   fixing the position will make it to change the position*/ } 
   else { /*un stick the div*/ }
 </script>

我不知道该放什么，否则请帮助我

Answer 1

制作一个在滚动时触发的函数。该函数的主要目的是查看屏幕高度和 div 底部之间的差异。一旦差异小于或等于零，将 css 位置修改为固定。这对你有帮助

(function ($) {
  $('.DIV1').scroll(function () {
    var $this = $(this),
        win_ht = $(window).height(),
        div_ht = $this.height(),
        div_bot = $this.offset().top + div_ht;
    if (win_ht - div_bot <= 0) {
        $this.css({
            'position': 'fixed',
            'bottom': '0'
        })
    }
  });
})(jQuery);