美文网首页
解决vue的 scrollTop ==0 的玄学问题

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

作者: HappyZZD | 来源:发表于2017-12-04 00:37 被阅读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 的玄学问题

      本文链接:https://www.haomeiwen.com/subject/mqctixtx.html