如何删除顶部div而不会导致底部div跳起来？

3 回答

• 2

  Heavily edited!

  $( document ).ready(function() {
      var heightof = $('#one').height() + $('#two').height();
      $(window).scroll(function(){
          var y = $(this).scrollTop();
  
          if(y >= heightof)
          {
              $('#one, #two').remove();
              $(this).scrollTop('0px');
          }
      });  
  });
  

  在这里，这应该工作！

  这段代码基本上是检查滚动事件，当它到达前两个div时（所以我们加上它们的高度），我们删除它们 . 当我测试它时，我甚至没有注意到任何变化 .

  jsfiddle实时查看

  回复于 2024-04-26T17:19:03+08:00
• 1

  您应该能够将文档的 scrollTop 设置为当前值减去要删除的 div 的高度 . 就像是：

  var height = $('#div-1').height() + $('#div-2').height();
  $(document).scrollTop($(document).scrollTop() - height);
  $('#div-1, #div-2').remove();
  

  滚动位置的变化应足够快，用户不会注意到它 .

  回复于 2024-04-26T17:19:03+08:00
• 0

  如果您不需要从DOM中实际删除该元素，则可以将其 style.visibility 属性设置为"hidden" . 它将从页面中消失，但仍然会有一个空白的空间 .

  回复于 2024-04-26T17:19:03+08:00