首页 > 其他分享 >IOS系统vue2, 点击返回上一页,页面空白无报错

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

时间:2022-09-05 16:48:54浏览次数:97  
标签:body app IOS html 报错 vue2 overflow 页面

最近移了个项目,把页面所有的东西都移过来了,但是出现了这个问题,就是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

标签:body,app,IOS,html,报错,vue2,overflow,页面
From: https://www.cnblogs.com/xbxxf/p/16658668.html

相关文章