2016-12-21 2 views
5

Pfeile von swiper nicht vor Swipe zeigte oder jede Eigenschaft in CSS (nicht inline)Ich habe ein Problem mit swiper und Pfeiltasten (Magie)

Link der Demo ändern: http://sinneren.ru/side/giftormagic/views/index0.html

Gewusst wie: Um zu sehen, Mein Fehler Sie müssen den Browser in der mobilen Ausrichtung benutzen (Chrome, Safary, kann jeder andere sein). Scrolle zum großen weißen Block mit Rosen. Siehst du Pfeile? Nein, und wenn Sie einmal darauf wischen, oder Sie ändern eine Eigenschaft in CSS, oder Sie ändern Fokus auf Block - sie werden angezeigt. Es ist Magie. Und es wird vorher gezeigt, aber unter weißen Block gelegt. Ich ändere alle Stile, Positionen, benutzte Hacks mit Init-Callback und Timern, um Inline-Stile zu ändern - es funktioniert nicht.

Antwort

4

Da dies nur in Chrome passiert (richtig?), Könnte es ein Anti-Aliasing-Problem sein. Versuchen Sie diese Eigenschaft: -webkit-backface-visibility: hidden; auf Button-Stil. Wenn das nicht hilft versuchen:

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

Es passiert auf Chrome Desktop und Safari auf dem iPad (7.0.x) & iPhone 5 (ich weiß nicht, iOS-Version). Mit dieser Eigenschaft auf Chrome funktioniert es aber nicht in Safari Handys – Sinneren

+1

Echte Magie :) ... Ich würde auch versucht, das hinzuzufügen: -Webkit-Transformation: translate3d (0, 0, 0); transform: translate3d (0, 0, 0); (keine gute Erklärung ...) – Kantoci

+0

Ich denke, es funktioniert, aber braucht mehr Tests. Danke! – Sinneren

Verwandte Themen