【Vue】Vue3检测滚动到底部

检测滚动到底部

<template><div class="scrollContainer" ref="scrollContainer" @scroll="handleScroll"></div>
</template><script>
const handleScroll = async () => {const container = scrollContainer.valueconsole.log(container.scrollTop)if (container.scrollTop + container.clientHeight >= container.scrollHeight) {// loadMore()console.log('到底了')}
}
</script><style lang="less" scoped>
.scrollContainer {// 这里可调小试一下，如果100%可能不会滚动height: 100vh;overflow-y: auto;
}
</style>

滚动的时候控制台会打印