平滑滚动顶部按钮 onclick

【问题标题】：Smooth scrollTop button onclick平滑滚动顶部按钮 onclick
【发布时间】：2018-07-19 00:51:43
【问题描述】：

不知道为什么我的 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;
});

感谢任何帮助。对不起，如果我对此有点愚蠢。

【问题讨论】：

标签： function button scrolltop next

【解决方案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);
    }
}

【讨论】：