vue 移動端 返回上一頁 空白

vue移動端項目中，部分機型點擊返回上一頁的時候，會出現空白，點擊或者滑動，頁面回復正常。這是由於返回后無法將 body 的高度拉開，使得遮住，觸發輕點擊，方可消除遮罩針對此問題。

原因在於，html、body都是100%，#app撐起了父元素的高度，但是瀏覽器默認的滾動scroll並不是#app，而是body。某些因素，造成返回history 后，無法復原，為此，我們將#app 進行了絕對定位，並讓它重新成為 scroll 的對象，從而解決問題

嘗試了很多次，最終解決方法如下

html,body{
  height: 100%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
#app {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}