skrollr プラグインを使用して、iOS 用の視差 Web ページを作成しています。テキストだけを使用すると、非常に流動的で非常に高速です。CSS で背景画像を含めるか、HTML でインライン画像を含めると、スクロールが突然途切れ途切れになります。これに対する修正はありますか？どんな画像でもかなり遅くなります。
ありがとう！
質問する
902 次
1 に答える
0
背景画像のサイズによっては、css 背景画像はページのレンダリングに高いコストを課す可能性があります。これは可変ですが、背景でカバーする領域が増えるほどコストが高くなります。ブラウザーのレンダリング エンジンは画面のより広い部分を再描画する必要があるためです。Chrome を使用し、開発者ツールとタイムライン ツールを使用すると、これを実際に確認できます。
3d CSS 変換を行うために、画像をアニメーション化する特定のケースの修正。IE は通常の変換ではなく、「translate3d」などの 3D 変換を行います。これにより、ハードウェア レンダリングが自動的にトリガーされ (つまり、コンピューターの gpu が変換を処理します)、CPU のオーバーヘッドの一部がオフロードされ、理論的にはアニメーションがよりスムーズになります。
もちろん、これにはコストがかかります。特に、モバイルまたはその他の限られたプラットフォームを扱う場合はなおさらです。しかし、その価値はあります。
于 2014-04-30T14:00:04.490 に答える