[英]Element is disappeared on safari in iPhone- iOS 12
I've developed a swiper (using the library of react swiper ( http://kidjp85.github.io/react-id-swiper/ ) and unfortunately, the swiper is disappeared on the browsers of Safari and Chrome in iPhone devices - only iOS 12+. Just when i'm clicking on it, the swiper is shown. You can see the problem when surfing this site through an iPhone device running ios 12 and above, the bug does not occur in iPhone devices running iOS below 12. 我开发了一个swiper(使用react swiper库( http://kidjp85.github.io/react-id-swiper/ )),不幸的是,该swiper在iPhone设备的Safari和Chrome浏览器中消失了-仅iOS 12+,仅当我单击它时,就会显示swiper。通过运行ios 12及更高版本的iPhone设备浏览此站点时,您会看到问题,运行iOS 12以下的iPhone设备中不会出现该错误。
This is a demo site where you can see the bug. 这是一个演示站点,您可以在其中查看错误。 Surf from iPhone with iOS 12 to this site to see it. 从装有iOS 12的iPhone冲浪到此站点以进行查看。
http://qmerce.github.io/static-testing-site/articles/strip_stage/ http://qmerce.github.io/static-testing-site/articles/strip_stage/
Thank you 谢谢
Use of translate3d
pushes CSS animations into hardware acceleration: 使用translate3d
将CSS动画推向硬件加速:
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
on every swiper-slide element 在每个滑动滑块上
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.