JavaScript实现滚动到文档末尾

有时候在页面中需要将滚动条自动滚动到文档末尾，这时候就需要使用JavaScript来实现这个功能。本文将介绍两种实现方式。

方法一

通过设置元素的scrollTop属性的值来实现滚动条的滚动。

function scrollToBottom() {
  const element = document.documentElement;
  const bottom = element.scrollHeight - element.clientHeight;
  element.scrollTop = bottom;
}

使用方法：

scrollToBottom();

方法二

使用window.scrollTo方法将窗口滚动到某个位置。这种方式更加简单，不需要计算元素的高度。

function scrollToBottom() {
  window.scrollTo(0, document.body.scrollHeight);
}

使用方法：

scrollToBottom();

结论

以上两种方式都可以实现滚动到文档末尾的功能，使用哪种方式取决于个人喜好。在使用第一种方式时，需要计算元素的高度，如果使用flex布局，可能需要计算多个元素的高度。使用第二种方式时，可以直接将窗口滚动到文档末尾，但需要注意是否需要滚动到该元素的顶部。

以上代码均使用了ES6语法，需要在支持该语法的浏览器中运行。