VUE跳转后页面置顶问题

8 篇文章 1 订阅

今天测试指出我的项目跳转页面时未置顶,嗯,这个太影响用户体验了。

但是办法总会有哒!No Problem!

只需在路径上匹配一段关于scroll方法即可,

我简单截取一段我的代码以作演示:

或者使用这段代码:

afterEach (to, from, next) {
    window.scrollTo(0, 0)
}

但是还有个问题依旧没有彻底克服!

比如,如果当前页面是首页,点击页面中的"首页"选项后,却依然不置顶,那么只能老老实实的增加个回到顶部了。

 toYpWebsite () {
      // this.$router.push('/ypWebsite')
      document.body.scrollTop = document.documentElement.scrollTop = 0
 },

即document.body.scrollTop = document.documentElement.scrollTop = 0

这两条就可以解决关于页面置顶的问题,哈哈,测试没辙了!

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值