VUE跳转后页面置顶问题
今天测试指出我的项目跳转页面时未置顶,嗯,这个太影响用户体验了。但是办法总会有哒!No Problem!只需在路径上匹配一段关于scroll方法即可,我简单截取一段我的代码以作演示:或者使用这段代码:afterEach (to, from, next) {window.scrollTo(0, 0)}但是还有个问题依旧没有彻底克服!比如,如果当前页面是首...
·
今天测试指出我的项目跳转页面时未置顶,嗯,这个太影响用户体验了。
但是办法总会有哒!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
这两条就可以解决关于页面置顶的问题,哈哈,测试没辙了!
更多推荐
已为社区贡献7条内容
所有评论(0)