Question

这是我的jQuery代码：

$(document).ready(function(){
    $("#home-btn").click(function() {
        $('html, body').animate({
            scrollTop: $("#header").offset().top // Problem
        }, 2000);
    });
});

可以抵消实际接受bottom的值吗？由于这是我页面底部的链接之一，我想从下往上滚动。这会在页面顶部显示一秒钟，然后从下往上滚动。如何制作流畅的滚动效果？

Answer 1

你说这是一个“链接”，也许你只需要阻止链接的默认操作：

$("#home-btn").click(function(event) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: $("#header").offset().top
    }, 2000);
});

否则，似乎有效：jsfiddle

jQuery .offset值到底

1 个答案: