IOS系统vue2, 点击返回上一页,页面空白无报错

最近移了个项目,把页面所有的东西都移过来了,但是出现了这个问题,就是ios系统,咨询列表正常,详情页也没问题,返回上一页之后页面空白,接口请求了,也没报错,用的是go history(-1)的返回方式,这。。。。。。。

而且安卓没问题,那初步判断应该是ios系统的问题了,找了点问题发现是这样的,

 首先,html、body都是100%,#app撑起了父元素的高度,但是浏览器默认的滚动scroll并不是#app,而是body。某些因素,造成返回history 后,无法复原,为此,我们将#app 进行了绝对定位,并让它重新成为 scroll 的对象

在app.vue里面这样写

html, body {
  height: 100%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
#app {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
}

 

 

 

原博客地址:https://www.cnblogs.com/_error/p/10002700.html

posted @ 2022-09-05 16:33  西贝小小凤  阅读(425)  评论(0编辑  收藏  举报