2017-02-13 16 views
0

私には分かりませんでした。Safari Jqueryイベントハンドラの遅延

私の例ではhttp://studio-a-h.de/kirby-test/projects/morning-has-not-dawned-yetにはフォトライダーがあります。

「インデックス」をクリックすると、イメージインデックスを含むオーバーレイが表示されようとしています。 ChromeとFirefoxではすべて問題ありませんが、Safariはオーバーレイにapprの遅延を表示します。 divがすでに表示されていても余分な遅延があるようです。

Safariとjqueryには既知のバグはありますか?私の研究では、iOS Mobileの遅延のバグのほかに何かがほとんど見つかりませんでした。

誰かがアイデアを持っているといいでしょう。たぶん私は見つけられなかったCSSの問題ですか?

敬具

+0

私はiPhone 7でこの問題が表示されません。これはインデックスリストのリンクをクリックするだけで画像にスクロールしますか? – Win

答えて

0

試してみて、その前不透明度の変化へのイン進歩ブラウザを、適応するためのルールを追加します。

ので、同じようwill-changepropertyを使用します。

.main { 
    will-change: opacity; 
} 

これは、そのdiv要素にはいくつかの不透明度の変化があるように起こっていることを、ブラウザを教えてくれますので、ブラウザは不透明度を変更する前にそれのために準備することができルールが満たされます。

+0

ありがとうあなたの応答。 私はあなたの推薦でそれを試してみましたが、Safariのみでこれを修正する方法がありますか? –

+0

ブラウザのキャッシングをリセットしましたか? – snkv

+0

こんにちは はいキャッシュを削除しました。それでもここで使用してください http://studio-ah.de/kirby-test/projects/morning-has-not-dawned-yet Safariのサポートがないと思われます https://css-tricks.com /アルマナック/プロパティ/ w/will-change/ –

0

更新:

jqueryの問題ではありませんでした。私はtranslateZ(0)でハードウェアアクセラレーションを使用しましたが、これはアニメーション上のSafariのパフォーマンスが非常に悪いことにつながりました。今私はスクロールの地獄のような遅れている問題を抱えている:(