vue在ios返回上一路由白屏

原文链接

问题描述：

进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决

 

原因是，经过排查，发现在ios 机器上使用webview 开发Vue项目时候，go history (-1)，无法将body 的高度拉掉，使得遮住，触发轻点击，方可消除该遮罩

解决的理论：用于最重要的html 容器是container，然而因为设置html、body高度是100%，从而造成了 container 撑开父级，但浏览器默认滚动的scroll 并不是 container（可能我这里认识是错的），而是body，某些因素，造成返回history 后，无法复原（ios 的锅），为此，我们将 container 进行了绝对定位，并让它重新成为 scroll 的对象，从而解决问题

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.container {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  left:0;
  top:0;
}