小编Dee*_*rma的帖子

带位置的闪烁/消失标题:在iOS 11中修复

我有一个带有以下CSS的标题:

.header{
  display: block;
  top: 0;
  position: fixed;
  width: 100%;
  max-width: 1320px;
  z-index: 10;
  box-sizing:border-box;
}
Run Code Online (Sandbox Code Playgroud)

我在内容的容器中有无限滚动.在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"在元视口代码了.如此处所示.

  5. 标题的子元素也没有position: fixed;在CSS中.
  6. 我也通过添加尝试了上述解决方案left: 0;.
  7. 另一个解决方案建议我尝试添加-webkit-overflow: hidden;到页面正文.
  8. 我也尝试添加overflow-x:hidden;到页面的html标签.

所有上述解决方案都没有奏效.

css viewport ios css-transforms ios11

6
推荐指数
1
解决办法
703
查看次数

标签 统计

css ×1

css-transforms ×1

ios ×1

ios11 ×1

viewport ×1