代码音符

vue3中监听滚动条位置,设置滚动条位置

创建时间: 2022-8-21 19:01

修改时间: 2023-6-26 18:06

浏览: 317

// 监听滚动条
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;
}

创建时间: 2022-8-21 19:01

修改时间: 2023-6-26 18:06

浏览: 317

*本文遵循 CC BY-NC-SA 许可协议。转载请注明出处!