2017-09-06 79 views
4

我們發佈了幾款基於Cordova for iOS的應用。我們使用的圖形界面框架是從Bootstrap派​​生的AdminLTE。 在所有的應用程序中,我們都有一個側邊欄,其位置固定在CSS中。除此之外,我們還有一個可滾動的內容(UL列表中的一系列LI)。一切都很好,直到iOS 10,但現在我們有一個奇怪的行爲。滾動內容,側邊欄簡單地消失。 我讀過很多建議(特別是這個Overflow scrolling not working on position fixed element iOS)。 沒有解決方案真的有效。但最奇怪的是,這種行爲僅僅發生在iOS11的beta版中(而所提出的解決方案來自iOS 5及更高版本)。iOS 11,科爾多瓦應用側邊欄滾動消失

當我說這是行不通的,我的意思是此修復程序:

.main-sidebar * { 
    transform: translate3d(0,0,0); } 

正確適用。主要-側邊欄的第一內側元素,而其他子元素仍然消失。

那麼,有人遇到過這種特殊情況嗎?

由於 法比奧

+0

有過這個問題,但不知道如何解決它。如果你發現,找到答案的問題! :) –

+0

類似的問題,頁眉和頁腳也滾動時消失,然後再次出現滾動停止時,沒有解決方案。 –

回答

0

嘗試給實際值與z軸。即:transform: translate3d(0,0,1px)

我發現我有更好的運氣從事硬件加速,而不是一個空的零值。

但我懷疑它會完全解決這個問題。我有各種iOS 11消失的內容問題,無法修復它們。奇怪的是,我無法在正常的移動Safari瀏覽器中重現它們。他們只在無頭網頁視圖中顯示。