1

視差スタイルの効果を作成するために使用しているスクリプトがあります。ユーザーがスクロールすると、画像の css left プロパティが更新されます。

Firefox では完璧に滑らかに見えますが、Safari では非常に見栄えが悪くなります (Chrome と同じですが、Safari ほどではありません)。

誰もが知っているこの問題の解決策はありますか?

アップデート

いくつかのコードを表示したいのですが、それはクライアント向けであり、デザインを公開したくありません。

パーセンテージに基づいてスケーリングされた大きな画像をたくさん使用しています。これがここでの主な問題だと思います。デザイン内の大きな画像の 1 つを削除した後、スクロール時のラグが大幅に減少したようです。

4

1 に答える 1

0

問題を説明する例をjsfiddle.netで提供できれば役に立ちます。そうは言っても、CSSトランジションを使用することでSafariとChromeの動きをスムーズにできるかもしれません：http：//developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/AnimatingCSSTransitions/AnimatingCSSTransitions。 html

このようなもの：

img {
    -webkit-transition-property: left;
    -webkit-transition-duration: 0.5s;
}

目的の効果を得るには、期間を調整する必要があります。また、問題の画像だけに一致するようにセレクターを変更します。この例は、ドキュメント内のすべての画像に一致します。

于 2012-04-11T02:32:21.630 に答える