css - iPad 覆盖问题

Question

我正在处理的网站有许多不同的叠加层，它们由 CSS 控制，如下所示（每种方法都有不同的属性，但方式相同）：

 .box_4, .box_5, .box_6 {
   position: fixed;
   top: -1900px;
   left: 50%;
   z-index: 101;
   width: 883px;
   margin-left: -400px;

}

当我关闭叠加层时，将应用这些属性。

然而，在 iPad 上发生了一些奇怪的事情，当我滚动网站只是为了检查它时，一些叠加层会在我再次触摸屏幕时出现和消失。

这可能是由于css吗？

score 3 · Accepted Answer

移动设备存在很多问题position:fixed;

与其将它们放置在视口之外，不如隐藏/显示这些框。

一些参考资料：

1 回答 1