原文章地址

問題描述：

進入A頁面——>B頁面——>ios自帶的返回——>白屏出現——>手動點選白屏處——>問題解決

原因分析: 

在ios機器上使用webview開發Vue專案時候，go history(-1)， 無法將body的高度拉掉，使得遮住，觸發輕點選，方可消除遮罩

解決方案實現原理：

html，body都是100%，#app撐起了父元素的告訴，但是瀏覽器預設的滾動scroll並不是#app，而是body,某些因素，造成返回history 後，無法復原（ios 的鍋），為此，我們將#app 進行了絕對定位，並讓它重新成為 scroll 的物件，從而解決問題

實現程式碼：

1. html, body {  
2.   width: 100%;  
3.   height: 100%;  
4.   margin: 0;  
5.   padding: 0;  
6.   position: relative;  
7. }  
8. #app {  
9.   width: 100%;  
10.   height: 100%;  
11.   background: #fff;  
12.   overflow: scroll;  
13.   -webkit-overflow-scrolling: touch;  
14.   position: absolute;  
15.   left:0;  
16.   top:0;  
17. }