javascript - Jquery滚动到不滚动

Question

我试图拥有它，以便当用户单击链接时它会向下滚动，以便蓝色区域远离页面顶部。

这是我的jsFiddle

我认为代码应该是这样的:

$("#scroll").click(function() {
    $('html, body').animate({
        scrollTop: $("#jumbo").offset().bottom
    }, 2000);
});

但是似乎不起作用。谁能告诉我哪里出了问题？

Answer 1

offset() 仅公开 top 和 left 属性。要获得底部，您需要将高度添加到顶部:

$('html, body').animate({
    scrollTop: $(".jumbo").offset().top + $(".jumbo").height()
}, 2000);

Updated fiddle

另外，请注意，在您的示例中，jumbo 是一个类，而不是 id。