如何在保留其他div相同位置的同时隐藏div

Question

我有一个像this这样的平滑向下滚动动画。 Here是我的动画。

我的问题是该动画在Chrome上可以正常运行，但是在Safari和Firefox上，该动画使用户滚动到页面底部而不是页面的开头。

我创建动画的代码：

$(document).on('click', 'a[href^="#index"]', function (event) {
    event.preventDefault();

   // This function makes the scroll animation to the div with the id="index"
    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top - 100
    }, 1200);

    //Once the user clicks on the button and scrolls to the div. The two divs above the index div are hidden after 1300 millsecs.
    $('.introsection').delay(1300).hide(0);
    $('#swipe-down').delay(1300).hide(0);
    $('#home').css('margin-top', '0');
});

为什么下面的代码在Chrome上可以正常使用，但是在Firefox / Safari上却不能与Chrome相似？

$('.introsection').delay(1300).hide(0);$('#swipe-down').delay(1300).hide(0);