Javascript 平滑滚动在 Firefox 中不起作用

Question

我制作了这个网站:bosd.eu。它有一段 javascript/jQuery，在单击时专注于页面的适当区域。

但是，当我使用 Firefox 时，无论是移动设备还是桌面设备都无法正常工作。

所以一定是 javascript 吧？

var initSmoothScroll = function(){
    $('.scroll').click(function () {
        doScroll($(this))
    });
};

var doScroll = function($element){
    $('body').animate({
        scrollTop: $('#' + $element.attr('target')).offset().top - 10
    }, 300);
};

$(window).scroll(function() {
    if ($(window).scrollTop() > 100) {
        $('#topbutton').fadeIn('slow');
    }
    else {
        $('#topbutton').fadeOut('fast');
    }
});

这是它在 HTML 中的处理方式:

<a class="scroll" target="story" id="storybutton"><h1>ABOUT</h1></a>

我在搜索时发现了这个，但它没有给我提供答案:

• Jquery Auto scroll not working in firefox
• smooth scroll not working in firefox, works fine in IE
• Animate scroll not working in firefox?

Answer 1

显然我需要将 HTML 添加到 body.animate:

var doScroll = function($element){
$('body, html').animate({

它现在可以完美地工作了。