javascript - 如何删除 div 但防止滚动位置被更改？

Question

我想实现什么目标？ 我想删除屏幕上不再可见的 div(对于用户而言不是 css 属性)，因为我让 html 和 body 使用 jquery(scrollTop) 滚动到 div。现在我想删除在我使用 jquery 向下滚动之前可见的 div。

编辑:删除 .header div 后，#begining 应位于页面顶部，并且 .header div 应永久删除。

问题是什么？ 在我向下滚动并使用以下代码行删除 div 后:$('.header').css('display','none'); 滚动位置发生变化。

向下滚动并删除 div 的代码。

function scrollToBegining(){
        $('html, body').animate({
            scrollTop: $("#begining").offset().top
        }, 750);

        setTimeout(function(){
            $('.header').css('display','none');
        },750);

    }

可视化问题: GIF of the problem (Watch to understand better)

Answer 1

这很奇怪，但我认为更好的选择是 slideUp div 而不是滚动:

function scrollToBegining(){
    $('.header').slideUp(750);
}

显然，重命名该函数，因为它不再滚动。