向下滚动到文档高度但 + 100

Question

我得到了这个脚本

$("body, html").animate({scrollTop: $(document).height()}, 1000)

如上所示，它将使页面向下滚动到文档高度：也就是底部。 但是在我的情况下它太低了，我想向下滚动bottom:100px; 或bottom:10%; 这可能吗？ 我找到了例子，但它们对我不起作用。 我缺少什么使它起作用？:)

Answer 1

当然，您可以将 scrollTop 的值设置为您可以数学计算的任何值：

// Top is 100 px short of bottom
$("body, html").animate({scrollTop: $(document).height() - 100}, 1000)

// 90% scroll down
$("body, html").animate({scrollTop: $(document).height() * 0.9}, 1000)

请注意，对于所有这些，100px非常小。 您的浏览器 window 的高度必须小于 100 像素，才不会一直滚动到底部。

您也可以在方程式中使用浏览器 window 的可见高度：

$(window).height()