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

 

 

 

原博客地址:https://www.cnblogs.com/_error/p/10002700.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章