最近移了個項目,把頁面所有的東西都移過來了,但是出現了這個問題,就是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%; }