javascript - 按下按钮时动画滚动

Question

晚上好，

我一直在尝试在点击按钮时为滚动功能设置动画。下面你会发现代码不起作用，我的问题是为什么。

$(document).ready(function () {
$('a[href="#panel-body"]').on('click', function (event) {
    if(this.hash !== "") {
        event.preventDefault();
        var hash = this.hash;

        $("html, body").animate({
            scrollTop: $(hash).offset().top
        }, 800 function () {
            window.location.hash = hash;
        });
    }
});
});

我已经分配了一个带有 href="#panel-body"的链接。尝试了不同的变体并寻找解决方案，但仍然没有成功解决。

提前感谢您的帮助!

Answer 1

我刚刚发现您想要创建向上按钮，为此请使用以下代码:

$(document).ready(function () {
    $('button').click(function () {
        $('html, body').animate({
            scrollTop: '0px'
        }, 750);
    });     
});