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>

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

Answer 1

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

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

现在它完美无瑕。

Javascript平滑滚动无法在Firefox中运行

1 个答案: