平滑scrollTop按钮on

时间:2018-02-08 12:36:49

标签: function button scrolltop next

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

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

1 个答案:

答案 0 :(得分:0)

试试这个

/*------------------------------------------------------------------------------*/
/* 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);
    }
}