闪烁/带位置消失头：固定在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似乎工作。我希望它有帮助！