iPhone：固定位置Div隱形

我有一個Joomla 3網站http://www.getdripped.com/dev，我正在爲其構建移動菜單。我在桌面上運行良好，但是當我嘗試在iPhone上查看它時，菜單滑入，但不可見。我仍然可以盲目地點擊和鏈接工作，但它完全不可見。甚至更奇怪的是，當我再次單擊按鈕關閉菜單時，在抽屜關閉之前突然出現一瞬間。我不確定問題是什麼，任何人都可以幫忙嗎？iPhone：固定位置Div隱形

我的iPhone運行的是iOS 8.2，並且我在Safari中進行了預覽。當我在iPhone Chrome應用程序中預覽時，一切都會順利進行。這裏很困惑......

來源

2015-04-07 Nick Winner

您是對的，它會在您關閉它時閃爍。奇怪，我會看看我是否能想到任何東西 – Downgoat

感謝您的檢查！ –

你的問題與iOS 8中看到的其他問題非常相似。-webkit-transform黑客的變體似乎也解決了這個問題。

將-webkit-transform: translateZ(0);添加到body.open選擇器似乎解決了這個問題。

body.open { 
    -webkit-transform: translateZ(0); 
}

iOS 8似乎有一些3D轉換能夠抵消的分層問題。這一個似乎與OP發現的使用-webkit-overflow-scrolling: touch;有關。

將此添加到iOS 8中的怪異列表中。

來源

2015-04-07 01:30:59

這個伎倆！必須進行一些修改，因爲它將菜單推入標題。謝謝！ –

我想對之前的評論做一個修改：雖然這確實解決了最初的問題，但是一點挖掘發現了這個問題的根源：'-webkit-overflow-scrolling：touch;'我在菜單上使用了這一行在手機上給它更自然的滾動感覺。它看起來好像在亞歷山大談到的分層問題中扮演着相當重要的角色。只是一個想法。 –

@NickWinner多奇怪。感謝您的信息，我將爲未來的讀者添加一條便條。 –

iPhone：固定位置Div隱形

回答

相關問題