// 监听滚动条
onMounted(() => {
window.addEventListener('scroll', scrollTop, true);
})
const scrollTop = () => {
// 当前滚动条位置
scrollData.scroll = document.documentElement.scrollTop || document.body.scrollTop;
// 可视区域
scrollData.client = document.documentElement.clientHeight || document.body.clientHeight;
// 滚动条总高度
scrollData.allHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
console.log(scrollData);
}
// 滚动条滚动到顶部
const toTop = () => {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
vue3中监听滚动条位置,设置滚动条位置
创建时间: 2022-8-21 19:01
修改时间: 2023-6-26 18:06
浏览: 351
创建时间: 2022-8-21 19:01
修改时间: 2023-6-26 18:06
浏览: 351
*本文遵循 CC BY-NC-SA 许可协议。转载请注明出处!