元素在 iPhone-iOS 12 的 Safari 中消失答案

【问题标题】：Element is disappeared on safari in iPhone- iOS 12元素在 iPhone-iOS 12 的 Safari 中消失
【发布时间】：2019-04-08 19:00:12
【问题描述】：

我开发了一个 swiper（使用 react swiper 库 (http://kidjp85.github.io/react-id-swiper/)，不幸的是，swiper 在 iPhone 设备中的 Safari 和 Chrome 浏览器上消失了 - 只有 iOS 12+。就在我点击的时候在它上面，显示了刷卡器。使用运行 ios 12 及以上的 iPhone 设备浏览本网站时可以看到该问题，运行 iOS 12 以下的 iPhone 设备不会出现该错误。

这是一个演示站点，您可以在其中查看错误。从装有 iOS 12 的 iPhone 浏览到此站点以查看它。

http://qmerce.github.io/static-testing-site/articles/strip_stage/

谢谢

【问题讨论】：

标签： iphone reactjs safari ios12

【解决方案1】：

使用translate3d 将 CSS 动画推入硬件加速：

-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);

在每个 swiper-slide 元素上

【讨论】：