问题描述
vue开发app返回上一页滚动条位置置顶了
代码如下,首先用keep-alive标签包住:
<template> <div id="app"> <div style="opacity: 0;position: absolute;z-index: -1"> <audio id="hg-msg-play" paused="paused" controls="controls"> <source :src="sound" type="audio/mp3" /> </audio> <span id="hg-play-box">播放</span> </div> <transition :name="$store.state.tabDirection"> 动态获得transition 的name值 <keep-alive> <router-view></router-view> </keep-alive> </transition> </div> </template>
跳转出去跟回来:
activated(){ console.log('回来了') document.documentElement.scrollTop=200 console.log(document.documentElement.scrollTop) }, methods: { // //根据路径跳转下个页面 afterMe(ev,url){ this.$router.push(url) },
浏览器输出:
这里都设定成功了,滚动条还在最上面
返回后手机画面滚动条还是在最上面,如何解决啊卡了6个小时了
已解决
悬赏分:0
- 解决时间 2021-11-26 17:33
点赞 0反对 0举报 0
收藏 0
分享 0
回答3
最佳
-
可以用this.$nextTick(() => { document.documentElement.scrollTop=200 }) 或者`setTimeout(() => {
document.documentElement.scrollTop=200 }, 1000)`试一下先。支持 0 反对 0 举报2021-11-26 06:39
-
需要在离开的时候存起来,返回再设置
activated(){this.$nextTick(() => { this.$refs.bbsList.scrollTop = this.listTop; });
},
deactivated() {this.listTop = this.$refs.bbsList.scrollTop;
},
支持 0 反对 0 举报2021-11-26 07:19