I have a problem with swiper and arrow buttons (magic)

Swiper arrows did not show before deletion or changed any property in css (not in line)

demo link: http://sinneren.ru/side/giftormagic/views/index0.html

A practical guide. To see my error you should use the browser in a mobile orientation (Chrome, Safary, maybe any other). Scroll to the big white block with roses. Do you see arrows? No, and if you click it once or change some property in css, or you change focus to a block, they will be shown. This is magic. And it was shown earlier, but placed under a white block. I change any styles, positions used by hacks with init-callback and timers to change the built-in styles - it does not work.

+5
source share
1 answer

Since this only happens in Chrome (right?), It could be a problem with an alias. Try the following: -webkit-backface-visibility: hidden; in the style of a button. If this does not help:

 -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) 
+4
source

Source: https://habr.com/ru/post/1261634/