ios 组件点返回白屏遮挡问题

[gerry2017]

遇到ios 点返回按钮时白屏问题 官网苹果手也有白屏问题

[chiknin]

和楼主遇到一样的问题，问个关于IOS safari和微信浏览器后退出现空白遮盖的问题。 应该是vue自身的问题

环境

Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_2 like Mac OS X) AppleWebKit/603.2.4 (KHTML, like Gecko) Version/10.0 Mobile/14F89 Safari/602.1

Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_2 like Mac OS X) AppleWebKit/603.2.4 (KHTML, like Gecko) Mobile/14F89 MicroMessenger/6.5.9 NetType/WIFI Language/zh_CN

问题

第一页滚动到下面， 点击任意链接进入第二页， 然后使用浏览器自带返回按钮 【返回】， 原来的第一个页面就会出现遮盖。

试了几个开源vue项目都会出现这个空白遮盖的问题， 只要再次触摸、滚动就可以恢复正常。 如： https://github.com/bailicangdu/vue2-elm.git

[ekoooo]

有解决办法么？

[DeronEndless]

有解决的方案吗

[wengcd]

+1

[ekoooo]

https://github.com/vuejs/vue/issues/5533

added the following code after the data fetch:

this.$nextTick(() => {
      window.scrollTo(0, 1)
      window.scrollTo(0, 0)
})

[zzialx]

上面的代码好像解决了我的问题，

[hsir05]

你好，分辨率高的情况下，组件会变的很小，请问你是怎么解决的

[fygethub]

React 路过, 同样的问题用ios右滑返回会出现某些页面会白屏,但是Android没有问题ios系统版本11.2

[gongfuxiaocai]

请问，这个问题解决了么

[XieChuanfang]

@furybean 请问这个问题解决了么？同样遇到这个问题，safari和微信内置浏览器都有这种问题

[PLQin]

# 我的问题

vue 在 ios safari , 右滑返回首页时页面先变空白， 接着展示上一个页面的内容 ， 最后回到首页 ；

PS ： 并不仅仅是返回首页时才有这个问题， 其他页面也存在这个现象

# 我是如何解决的

放弃使用 vue transition ， emmm 太难了

[lzxb]

2022年了，我也遇到了这个问题。

[lzxb]

this.$nextTick(() => {
      window.scrollTo(0, 1)
      window.scrollTo(0, 0)
})