Javascript Jquery返回顶部按钮跳转到顶部而不是滚动

我正在练习创建一个简单的返回顶部按钮，当滚动页面一定数量后，该按钮会激活。这是jQuery的

$(document).ready(function () {
    $(window).scroll(function() {
    if ($(this).scrollTop() > offset) {
        $('.back-to-top-button').fadeIn(200);
    } else {
        $('.back-to-top-button').fadeOut(200);
    }
});

});



/*Scroll Plugin*/
$('.back-to-top-button').click(function(event) { 
    $('html, body').animate({scrollTop: 0}, 'slow');
    event.preventDefault();
});

我就是这样把它放在HTML

<a href="#" class="back-to-top-button" style="display: inline;">
                <i class="fa fa-chevron-circle-up"></i>
        </a>

---

问题是，它不会向上滚动，而是跳到顶部。我在网络上找不到任何解决方案，因为它似乎只在我的网站上运行，而且每次我在其他网站上尝试它时，它都会运行。

现在它可以运行了。我已经在

文档就绪

函数中声明了

事件处理程序

$(document).ready(function () {

var offset = 250;
var duration = 300;
$(window).scroll(function() {
    if ($(this).scrollTop() > offset) {
        $('.back-to-top-button').fadeIn(duration);
    } else {
        $('.back-to-top-button').fadeOut(duration);
    }
});


/*Scroll Plugin*/
$(".back-to-top-button").click(function(event) { 
        $('html, body').animate({scrollTop: 0}, 'slow');
        event.preventDefault();
    });

});

---

我看不出您在哪里设置偏移量变量？演示：没错，它只能在您的网站上进行设置。您可以向我们展示更多的代码吗？“问题是，它不会向上滚动，而是跳到顶部”—这可能意味着，您的元素点击处理程序根本不会执行—或者是因为用于绑定事件处理程序的选择器与任何内容都不匹配，或者可能是因为之前的脚本错误阻止了进一步执行。对不起，我在复制粘贴时忘记了一件小事情-我在

滚动

事件之前声明了

var offset=250

。我也在执行一个名为jssocials的插件，但是控制台没有显示任何特定的错误-如果有帮助，我应该在某个地方放置一些

console.log

？