鼠标滚动事件,下滑加载,pc端
// 滚动事件
function onScroll() {
if (t) clearInterval(t);
t = setTimeout(() => {
const div = document.querySelector(“.article_list”);
if (div) {
const scrollDistance =
// 正文全文高
div.scrollHeight -
// 被卷去的高
div.scrollTop -
// 可见区域的高度
div.clientHeight;
if (scrollDistance <= 30 && total.value > queryParams.value.pageSize) {
queryParams.value.pageSize += 20;
if (queryParams.value.pageSize <= total.value) {
loading.value = true;
getList(true);
}
}
}
}, 300);
}
onMounted(() => {
const queryName = route?.query?.topicName;
if (queryName && !queryParams.value.topicName) {
queryParams.value.topicName = queryName;
}
getList();
window.addEventListener(“mousewheel”, onScroll);
});
//页面卸载
onUnmounted(() => {
window.removeEventListener(“mousewheel”, onScroll);
});