javascript - jQuery .offset 值到底部

Question

这是我的 jQuery 代码:

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

offset 实际上可以接受 bottom 的值吗？由于这是我页面底部的链接之一，我想从下滚动到顶部。这会使页面顶部显示一秒钟，然后从下到上滚动。如何做出平滑的滚动效果？

Answer 1

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

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

否则，它似乎有效:jsfiddle