scrollWrap.scrollTop + scrollWrap.clientHeight >= scrollWrap.scrollHeight 这三个参数获取的不读对 我滚动的格式后都不变的
时间: 2024-04-24 09:25:42 浏览: 165
抱歉,我之前的回答有误。在你提供的代码中,`scrollWrap` 是通过 `scrollRef` 引用的 DOM 元素,而不是直接使用 `querySelector` 获取的。因此,我们可以直接使用 `scrollWrap` 的属性来获取滚动相关的参数。
请确保在确保 `scrollWrap` 已经成功引用 DOM 元素后再调用滚动相关的属性,比如在 `onMounted` 生命周期钩子函数中。
下面是修正后的代码示例:
```javascript
const handleScroll = () => {
const scrollWrap = scrollRef.value.$el;
if (scrollWrap.scrollTop + scrollWrap.clientHeight >= scrollWrap.scrollHeight) {
console.log("已经触底了");
// 进行触底加载更多的操作
massageLoad();
}
};
onMounted(async () => {
console.log('组件已经挂载')
await nextTick(); // 确保DOM已经渲染完成
scrollRef.value.$el.addEventListener("scroll", handleScroll, true);
});
```
请注意,我在 `onMounted` 钩子函数中添加了 `nextTick()`,以确保在访问 `scrollRef` 的 DOM 元素之前先等待 DOM 渲染完成。
希望这次能帮到你!如果还有其他问题,请随时提问。
阅读全文