解决vue的 scrollTop ==0 的玄学问题

背景: 公司需求做做个vue 导航目录 感觉很简单.


image.png

过一会就TM打脸了,

document.body.scrollTop = 0

无论怎么方式
例如:

document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop

绑定事件

window.addEventListener('scroll', this.onScroll)

都没有效果
其他常用的属性

当时就懵逼了
GQ$OQE~PCPB4AMU108BQ{VE.png

开始了使用大招
首先百度.
然后谷歌.
最后发现没有...

最后经过我
D(1}5_2E4$S8_F%F$4(MSF8.jpg

绑定在 app 完美解决

this.$root.$el.scrollTop

mounted() {
            this.$nextTick(() => {
                this.$root.$el.addEventListener('scroll', this.onScroll)
            })

突然发现还是too young
5PW6HI~K5W$BPNPTJ12B%`P.jpg

你可能感兴趣的:(解决vue的 scrollTop ==0 的玄学问题)