在 JavaScript 中,您可以使用 scroll() 函数将屏幕滚动到底部,方法是将 top 参数设置为 document.documentElement.scrollHeight。

如何使用 JavaScript 将屏幕滚动到底
在 JavaScript 中,您可以使用 scroll() 函数轻松地将屏幕滚动到底部。
代码示例
window.scroll({
top: document.documentElement.scrollHeight,
behavior: "smooth"
});函数说明
- top: 指定滚动目标的垂直位置。
- behavior: 指定滚动的行为。在这种情况下,"smooth" 表示平滑滚动。
工作原理
此代码通过获取 document.documentElement 的 scrollHeight,该属性表示页面内容的高度(包括隐藏内容)。然后将此值作为 scroll() 函数的 top 参数,将屏幕滚动到页面底部的垂直位置。
注意
- 如果页面内容高度小于浏览器窗口高度,
scroll()函数将不会有任何效果。 -
behavior参数是可选的,如果您不指定它,默认值为 "auto",这将产生瞬间滚动效果。 - 为了获得最佳用户体验,建议使用 "smooth" 行为,因为它提供平滑的过渡效果。










