Smooth scrollTop按钮onclick

Question

不确定为什么我的scrollTop函数在按钮点击时不起作用。我正在修改一个智能向导，这样如果您在页面的底部，当您进入下一阶段时，它会将您向上移动到顶部。

$("#next-btn").on("click", function () {
    // Navigate next
    $('#smartwizard').smartWizard("next");
    var body = $('html, body');
    var scrollPos = body.scrollTop()

    if(scrollPos != 0){
        body.animate({scrollTop:0}, '600');
    }
    return true;
});

任何帮助都是非常感谢的。如果我是个新手，我很抱歉。

Answer 1

尝尝这个

/*------------------------------------------------------------------------------*/
/* Scroll to Top
 /*------------------------------------------------------------------------------*/
$(window).scroll(function() { tm_scroll_to_top(); });
$(window).resize(function() { tm_scroll_to_top(); });
$(window).load(function()   { tm_scroll_to_top(); });
var duration = 500;
var offset   = 85;
$("#totop").click(function(event) {
    event.preventDefault();
    $("html, body").animate({scrollTop: 0}, duration);
    return false;
});

function tm_scroll_to_top(){
    if ($(window).scrollTop() > offset) {
        $("#totop").fadeIn(duration);
    } else {
        $("#totop").fadeOut(duration);
    }
}