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

我有一种情况，我需要删除文档中最上面的div，而不会引起用户的任何更改。基本上，我需要从:

---------文件顶部
div1
div2
div3
---------窗口顶部
div4
div5
---------窗口底部
div6
div7
---------文件底部

至:

---------文件顶部
div3
---------窗口顶部
div4
div5
---------窗口底部
div6
div7
---------文件底部

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

最佳答案

大量编辑!

$( 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上实时查看