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%; }