背景: 公司需求做个vue 跟随屏幕滚动导航目录 感觉很简单.
监听scroll事件然后取scrollTop值就可以吧但是
无论怎么方式
document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
绑定事件
window.addEventListener('scroll', this.onScroll,true)
都没有效果,打印输出的scrolltop为0
求度娘显灵。。。
mounted() {
this.$nextTick(() => {
this.$root.$el.addEventListener('scroll', this.onScroll, true);
});
},
methods: {
onScroll() {
var scroll = document.querySelector('#app').scrollTop();
console.log(scroll)
},
},
完美解决