Vue全局监听滚动条事件
vue滚动条scroll
·
项目需求滚动条大于200时候,头部固定定位,小于的时候相对定位,监听滚动条事件:
// 全局监听,写在App.vue里面
methods: {
handleScroll(){
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop // 滚动条偏移量
if (scrollTop >= 160) {
this.$store.commit('changeFixed', '1')
} else {
this.$store.commit('changeFixed', '0')
}
}
},
mounted () {
window.addEventListener('scroll',this.handleScroll)
}
更多推荐
已为社区贡献24条内容
所有评论(0)