vue3获取滚动条距离底部

你可以使用以下代码来获取滚动条距离底部的距离：

const scrollHeight = document.documentElement.scrollHeight; // 页面的总高度
const scrollTop = document.documentElement.scrollTop; // 页面已经滚动的距离
const clientHeight = document.documentElement.clientHeight; // 浏览器窗口的高度

const distanceToBottom = scrollHeight - scrollTop - clientHeight; // 滚动条距离底部的距离

其中，`scrollHeight` 表示整个页面的总高度，`scrollTop` 表示当前页面已经滚动的距离，`clientHeight` 表示浏览器窗口的高度。通过这些参数计算得到 `distanceToBottom` 就是滚动条距离底部的距离。