在vue-cli中的main.js中加入一下js代码
router.afterEach((to, from, next) => {
window.scrollTo(0, 0);
});
在vue-cli中的main.js中加入一下js代码
router.afterEach((to, from, next) => {
window.scrollTo(0, 0);
});
作用：跳转前进行判断拦截。 vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
在vue-cli中的main.js中加入一下js代码
问题：在一个页面将滚动条滑动到底部后，使用react-router跳转路由，发现新页面的滚动条保持在底部，并不在顶...
点击后，页面跳转到本页面顶部，#默认的锚点为#TOP； 点击后，页面停留在当前位置，跳转到新链接； 也可以写成 ,...
在页面中，当滚动条下滑到一定位置时就会出现返回顶部的图标，点击图标后页面平缓的回到顶部位置。到了顶部，这个图标又会...
背景 使用router-view跳转页面时，每次跳转，页面都定位到当前看的位置 思路 路由跳转后添加回滚到顶部操作...
很多项目中需要在跳转路由时 页面顶部出现滚动条动画 ，当路由跳转成功后进度条消失 ，这个功能还是挺多见的，所以在简...
此方法可以跳转到页面顶部 此方法可以跳转到页面底部
实现一个需求，当页面跳转到另一个页面时，使用react-router跳转回原页面，滚动条需要停留在原有位置。滚动条...
通过执行js对滚动条的操作 拖动至底部 将滚动条移动到页面的顶部
本文标题：vue-router跳转页面后滚动条不在顶部的解决方法
本文链接：https://www.haomeiwen.com/subject/hunklqtx.html
网友评论