组合api滚动元素到底部距离

你可以通过以下步骤来实现组合 API 滚动元素到底部距离：

1. 获取滚动元素的高度和滚动高度。

2. 使用 `scrollHeight` 属性获取滚动元素的高度。

   const scrollElement = document.getElementById('scroll-element');
   const scrollHeight = scrollElement.scrollHeight;

3. 使用 `scrollTop` 属性获取滚动元素的滚动高度。

   const scrollTop = scrollElement.scrollTop;

4. 计算滚动元素到底部的距离。

   const distanceToBottom = scrollHeight - scrollTop - scrollElement.clientHeight;

5. 如果 `distanceToBottom` 的值为正数，则使用 `scrollBy()` 方法将滚动元素滚动到底部。

   if (distanceToBottom > 0) {
     scrollElement.scrollBy(0, distanceToBottom);
   }

完整代码示例：

const scrollElement = document.getElementById('scroll-element');
const scrollHeight = scrollElement.scrollHeight;
const scrollTop = scrollElement.scrollTop;
const distanceToBottom = scrollHeight - scrollTop - scrollElement.clientHeight;
if (distanceToBottom > 0) {
  scrollElement.scrollBy(0, distanceToBottom);
}