閃爍/帶位置消失頭：固定在IOS 11

Question

我有下面的CSS的報頭：

.header{ 
    display: block; 
    top: 0; 
    position: fixed; 
    width: 100%; 
    max-width: 1320px; 
    z-index: 10; 
    box-sizing:border-box; 
} 

我在所述內容的所述容器無限滾動。在iOS 11中，當我滾動標題消失一秒鐘，然後再回來。

我曾嘗試以下修正：

1. transform: translate3d(0,0,0)

2. transform: translateZ(0)

3. -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;

4. 我已經在中繼檢視區標記添加viewport-fit="cover"和viewport-fit="contain"了。如建議here。

5. 也沒有標頭的子元素在其CSS中有position: fixed;。
6. 我也嘗試過以上解決方案，也加入了left: 0;。
7. 另一種解決方案建議我嘗試將-webkit-overflow: hidden;添加到頁面的主體中。
8. 我也試着將overflow-x:hidden;添加到頁面的html標籤。

以上所有解決方案都沒有奏效。

Answer 1

您是否嘗試將overflow-x: hidden和position: relative添加到.header的包裝元素中？

我不知道你的情況是否可能，因爲你只共享.header CSS類，所以你可能沒有家長來申請它，但我的回答here似乎工作。我希望它有幫助！