我试图拥有它,以便当用户单击链接时它会向下滚动,以便蓝色区域远离页面顶部。
这是我的jsFiddle
我认为代码应该是这样的:
$("#scroll").click(function() {
$('html, body').animate({
scrollTop: $("#jumbo").offset().bottom
}, 2000);
});
但是似乎不起作用。谁能告诉我哪里出了问题?
最佳答案
offset()
仅公开 top
和 left
属性。要获得底部,您需要将高度添加到顶部
:
$('html, body').animate({
scrollTop: $(".jumbo").offset().top + $(".jumbo").height()
}, 2000);
另外,请注意,在您的示例中,jumbo
是一个类,而不是 id。
关于javascript - Jquery滚动到不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23560990/