1.新建permission.js文件
import router from './router'
router.beforeEach((to,from,next)=>{
let position = window.scrollY; //记录离开页面的位置
if (position == null) position = 0;
sessionStorage.setItem(from.name,window.scrollY);
next()
});
router.afterEach((to, from) => {
let scrollY = sessionStorage.getItem(to.name);
if(scrollY){
window.scrollTo(0,scrollY);//定位页面上次滚动的位置
}else{
window.scrollTo(0,0);
}
});
2.在mian.js里引入该文件
import './permission';
1.新建permission.js文件 2.在mian.js里引入该文件
问题 Vue路由跳转，目标页面会继承起始页面的滚动条的位置。 history.scrollRestoration ...
vue中记录上浏览位置的方法场景描述： 在当前页面浏览时，点击进入其他页面，再返回时希望滚动到浏览时的位置 解决方...
实现一个需求，当页面跳转到另一个页面时，使用react-router跳转回原页面，滚动条需要停留在原有位置。滚动条...
作用：跳转前进行判断拦截。 vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Vue返回记住滚动条位置 vue 项目返回上一页，滚动到离开时的位置，网上能找到不少方法，以下尝试一种。 一共分三...
问题描述： 在基于Vue的高仿饿了么实战项目中使用better-scroll滚动条插件实现滚动条效果时，页面初始化...
场景：需要将vue嵌套在html页面的iframe中，根据vue页面的高度设置外层的iframe高度防止出现滚动条...
思路：1.记录当前滚动条的位置，2.记录当前页面的数据，3.记录当前加载到第几页；存储到storage中，再次进来...
1.页面有滚动条时页面滚动，日期插件位置不随滚动而滚动 在代码四百多行处增加 // 浏览器滚动时picker随之滚...
本文标题：vue打开多个页面时记录滚动条位置
本文链接：https://www.haomeiwen.com/subject/kjvwcrtx.html
网友评论