2016-12-21 2 views
5

Les flèches de Chipeur pas montré avant swipe ou modifier une propriété en css (non-ligne)J'ai un problème avec les boutons de Chipeur et les flèches (magie)

lien de démonstration: http://sinneren.ru/side/giftormagic/views/index0.html

Comment: Pour voir mon bug Vous devez utiliser le navigateur dans l'orientation mobile (Chrome, Safary, peut-être autre). Faites défiler jusqu'à un gros bloc blanc avec des roses. Voyez-vous des flèches? Non, et si vous balayez une fois dessus, ou vous changez n'importe quelle propriété dans css, ou vous changez le focus sur le bloc - ils seront montrés. C'est magique. Et c'est montré avant, mais placé sous bloc blanc. Je change les styles, les positions, les hacks utilisés avec init-callback et les timers pour changer les styles en ligne - ça ne marche pas.

Répondre

4

Comme cela ne se produit que dans Chrome (à droite?), Cela pourrait être un problème d'anti-aliasing. Essayez cette propriété: -webkit-backface-visibility: hidden; sur le style de bouton. Si cela n'aide pas essayer:

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

Cela arrive sur le bureau de Chrome et Safari sur iPad (7.0.x) et iPhone 5 (je ne sais pas la version iOS). Avec cette propriété sur Chrome cela fonctionne mais pas dans Safari mobiles – Sinneren

+1

Vraie magie :) ... j'aurais aussi essayé d'ajouter ceci: -webkit-transform: translate3d (0, 0, 0); transformer: translate3d (0, 0, 0); (pas de bonne explication ...) – Kantoci

+0

Je pense que cela fonctionne, mais a besoin de plus de tests. Je vous remercie! – Sinneren