vue3中 window绑定scroll事件滚动页面获取不到e.target.scrollTop

本文主要是介绍vue3中 window绑定scroll事件滚动页面获取不到e.target.scrollTop，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

遇到的问题

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)})
})

记录一下

这篇关于vue3中 window绑定scroll事件滚动页面获取不到e.target.scrollTop的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---