vue2.0路由切换后页面跳转后新页面滚动位置不变BUG
2018-02-02 17:39
483 查看
解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。
export default {
watch:{
'$route':function(to,from){
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
}
}
export default {
watch:{
'$route':function(to,from){
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
}
}
相关文章推荐
- vue2.0路由切换后页面滚动位置不变BUG的解决方法
- vue2.0路由切换后页面滚动位置不变BUG
- js实现页面滚动切换导航栏/点击导航栏跳转到指定位置
- vue2 切换路由时 页面滚动到顶部 用游览器返回时 记住上页的位置
- js,jquery滚动/跳转页面到指定位置
- 关于切换页面时自动滚动到有RecyclerView的位置的解决方法
- 详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- Angular 利用路由跳转到指定页面的指定位置方法
- html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- js练习之事件切换图片和控制css样式以及指定页面滚动位置
- Angular 利用路由跳转到指定页面的指定位置
- vue通过 vue.mixin(混合)实现 任意页面记录滚动条位置(路由router.query参数一致) 并跳转到上次的位置
- js 滚动/跳转页面到指定位置
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- setInterval在Vue2.0路由和@import导入css导致页面间css覆盖的bug修复
- jquery滚动/跳转页面到指定位置的实现思路