Question

我正在使用Ariel Flesler的scrollTo插件滚动到某个元素。但是，这段代码无法在Firefox（v 61）上运行。

$(document).ready(function(){
    $('html, body').scrollTo(document.getElementById('login-link'), 800);
});

这是一个演示：https://jsfiddle.net/1n26s3dm/1/

知道我在做什么错吗？

Answer 1

添加以下代码，并确保已安装jQuery，因为小提琴中没有jquery

 $('html, body').animate({
            scrollTop: $("#login-link").offset().top
        }, 800, function(){

        // this is the callback after the animation is done
        // you can emit events here
        $("#login-link").trigger('click');

});

Answer 2

您在jsfiddle上的示例不起作用。如果需要jQuery，则应在JS窗口中选择此库。不要将Resources用于包含jQuery。尝试my example

也请尝试不要将jQuery和Vanilla.js混合使用以处理DOM。像这样更改代码会更好：

$(document).ready(function(){
   $('html, body').scrollTo($('#login-link'), 800);
});

jQuery ScrollTo插件无法滚动到Firefox上的元素

2 个答案: