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现场查看