按钮录制时动画滚动

时间:2016-10-29 16:34:48

标签: javascript jquery html

晚安,

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

$(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"分配了一个链接。尝试使用不同的变体并寻找解决方案,仍然没有设法解决它。

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

我刚刚发现你想创建Up Going Button,为此,请使用下面的代码:

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