可以使用以下 JavaScript 方法将屏幕滚动到底部:window.scrollto(0, document.documentelement.scrollheight)document.documentelement.scrollintoview({ behavior: “smooth” })
如何使用 JavaScript 将屏幕滚动到底部
要使用 JavaScript 将页面滚动到底部,可以使用以下方法:
window.scrollTo() 方法
此方法接受两个参数,x 和 y 坐标,表示要滚动到的位置。对于页面底部,y 坐标应设置为文档的高度。
window.scrollTo(0, document.documentElement.scrollHeight);
element.scrollIntoView() 方法
此方法会使指定元素滚动到可视区域内。对于页面底部,可以将文档根元素作为参数使用。
document.documentElement.scrollIntoView({ behavior: "smooth" });
注意:使用 behavior: “smooth” 参数可实现平滑滚动。
其他方法
以下方法也可以用来将屏幕滚动到底部:
- window.scrollBy() 方法:此方法接受两个参数,x 和 y 偏移量,表示页面应滚动的距离。对于页面底部,y 偏移量应设置为文档高度减去当前滚动位置。
window.scrollBy(0, document.documentElement.scrollHeight - window.scrollY);
- Element.scrollTop 属性:此属性设置或获取元素的垂直滚动位置。要滚动到页面底部,可以将此属性设置为文档的高度。
document.documentElement.scrollTop = document.documentElement.scrollHeight;