jQuery ScrollTo 插件不会滚动到 Firefox 上的元素

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，因为在您的 fiddle 上没有 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 你应该 select 这个 JS 库 window。不要使用 Resources 来包含 jQuery。尝试 my example

也尽量不要将 jQuery 和 Vanilla.js 与 DOM 混合使用。如果您像这样更改代码会更好：

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

jQuery ScrollTo 插件不会滚动到 Firefox 上的元素

jQuery ScrollTo plugin does not scroll to the element on Firefox

javascript

jquery

scroll

scrollto