遇到的问题
vue3项目
onMounted(() => {
window.addEventListener('scroll', (e) => {
console.log(e.target.scrollTop)
})
})
想要监听页面中的滚动,然后获取滚动距离实现一些功能,发现event参数中获取不到e.target.scrollTop(印象中以前使用这个获取的),发现e.target中根本没有scrollTop这个参数
解决:
因为window对象target的属性上是没有scrollTop(这个e.target.scrollTop应该是在特定元素中获取到的,没有测试,我也忘了)
window.scrollY || document.documentElement.scrollTop;
onMounted(() => {
window.addEventListener('scroll', (e) => {
const scrollTop = window.scrollY || document.documentElement.scrollTop;
console.log(scrollTop)
})
})
记录一下