skrollr を使用してページを作成していますが、うまく機能します。Chrome、Firefox、および IE で正常に動作しています。ただし、Mac バージョン 10.7.5 上の Safari 6.0.5 では、スクロール時に要素のアニメーションが非常に途切れます。基本的に、下にスクロールしてもキーフレームはアニメーションしません。代わりに、スクロールした場所に応じて特定のキーフレームにスキップします。Safariでのみこれを行う理由がわかりません。申し訳ありませんが、NDA のため、サイトへのリンクを掲載できません。これに関するヘルプや提案は大歓迎です。
質問する
10259 次
1 に答える
3
絶対モードでは、キーフレームがネストされた要素内にあるときに同じことに気付きました。それらを取り出すと、途切れがなくなりました。例えば
途切れ途切れ:
<section class="scene two" data-0="transform:translate(0%,100%);" data-100p="transform:translate(0%,0%);">
<div class="box" data-100p="transform:translate(0%,100%);" data-200p="transform:translate(0%,0%);"></div>
</section>
スムーズ：
<section class="scene two" data-0="transform:translate(0%,100%);" data-100p="transform:translate(0%,0%);"></section>
<section class="scene three" data-100p="transform:translate(0%,100%);" data-200p="transform:translate(0%,0%);"></section>
于 2013-10-28T22:00:53.063 に答える