2016-12-21 15 views
5

矢印は強打の前にあったか(インラインではない)デモの私はswiperの

リンクをCSSの任意のプロパティを変更しないでswiperと矢印ボタン(魔法)に問題があります私のバグあなたはモバイルオリエンテーションでブラウザを使用する必要があります(Chrome、Safary、他にもあります)。バラの白い大きなブロックにスクロールします。矢印が見えますか?いいえ、あなたが一度それをスワイプするか、CSSの中のプロパティを変更するか、ブロックのフォーカスを変更すると、それらが表示されます。魔法です。それは前に示されていますが、白いブロックの下に置かれています。スタイル、位置、init-callbackでのハック、タイマーを変更してインラインスタイルを変更します。動作しません。

答えて

4

これはChromeでのみ発生するため(右か?)、アンチエイリアシングの問題である可能性があります。ボタンスタイルの -webkit-backface-visibility: hidden;を試してみてください。それが試行に役立たない場合:

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

これはChromeデスクトップとiPad(7.0.x)とiPhone 5のSafari(iOSバージョンはわかりません)で発生します。 Chrome上でこのプロパティを使用すると動作しますが、Safari携帯端末では動作しません – Sinneren

+1

リアルマジック:) ...私もこれを追加しようとしました:-webkit-transform:translate3d(0、0、0);トランスレート:translate3d(0、0、0); (良い説明はない...) – Kantoci

+0

私はそれが動作すると思うが、より多くのテストが必要です。ありがとうございました! – Sinneren

関連する問題