IOS下 用vue開發前端項目 點擊返回 頁面出現空白__IOS

原文章地址

問題描述：

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

原因分析: 

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

解決方案實現原理：

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

實現代碼：

[html]  view plain  copy html, body {     width: 100%;     height: 100%;     margin: 0;     padding: 0;     position: relative;   }   #app {     width: 100%;     height: 100%;     background: #fff;     overflow: scroll;     -webkit-overflow-scrolling: touch;     position: absolute;     left:0;     top:0;   }