javascript - 如何在不导致底部div跳起来的情况下删除顶部div？

Question

在这种情况下，我需要删除文档中最顶层的 div，而不会从用户的 Angular 造成任何更改。基本上，我需要从:

----------文档顶部
分区1
分区2
分区3
----------窗口顶部
div4
div5
----------窗口底部
div6
div7
--------文档底部

到:

----------文档顶部
分区3
----------窗口顶部
div4
div5
----------窗口底部
div6
div7
--------文档底部

以不会导致用户看到 div4 和 div5 进行任何移动的方式完成此转换的最佳方法是什么？

Answer 1

您应该能够将文档的 scrollTop 设置为当前值减去您要删除的 div 的高度。像这样的东西:

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

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