window.addEventListener('scroll', yourFunction)的问题

假如我们在一个页面中设置了window.addEventListener('scroll', this.handleScroll),那么当我们使用路由跳转到其他页面的时候,可能就会仍停留在原来的位置,什么意思呢,

就是我们在A页面中滑动到比如距离Top500px的距离,这个时候在A页面的500px地方有一个路由可以跳转到B页面,B页面设置了window.addEventListener('scroll', this.handleScroll)监听属性,我们会发现当从A页面跳转到B页面,我们在B页面中距离Top也是500px

这个问题是因为vue路由中滚动的跳转造成的

解决方法:

设置路由跳转的滚动方法

https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html#%E5%BC%82%E6%AD%A5%E6%BB%9A%E5%8A%A8

这样就可以跳转到B页面顶部了

猜你喜欢

转载自blog.csdn.net/VVVZCS/article/details/82585192