博主微信:jiayou321xiaoyu 加微信,备注:前端Tree

window.addEventListener(‘scroll’, yourFunction)的问题

js基础 admin 37℃ 0评论

假如我们在一个页面中设置了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页面顶部了

转载请注明:前端Tree » window.addEventListener(‘scroll’, yourFunction)的问题

喜欢 (1)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址