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

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

1 个答案: