0

軽くアニメーション化された (パララックス) 背景を持つ Web サイトのリクエストがあります。IE8 を完全にサポートしています。可能であればタブレットのサポート (iPad や Android タブレットなど)。

そのうちの 2 つを選択すると、簡単に実行できますが、3 つすべてを網羅しようとするのは少し困難です...これら 3 つの要求すべてをカバーする言語/技術を知っている人はいますか?

4

2 に答える 2

3

私は同様のプロジェクトに取り組んでいます。iOS は通常のパララックス メソッドをサポートしていません。これは、ブラウザが通常、スクロール イベント中にスクリプトとトランジションをフリーズするためです。

ただし、iScrollを使用してスクロールを処理する場合は、それをオーバーライドして、iPhone および iPad でかなりスムーズな視差効果を得ることができます。

IE は CSS トランジションをサポートしていないため、純粋に JavaScript を使用したパララックス プラグインが必要です。Ian Lunn のjQuery Parallaxを使用していますが、あまり効率的ではないと思います。(動く要素がたくさんあります。Chrome では問題ないように見えますが、IE ではコンピューターがペイント ミキサーの上に置かれているように見えます。)

于 2012-10-25T13:37:45.413 に答える
1

パララックスには、水平と垂直の 2 つのフレーバーがあります。水平視差の場合、CSS と 2 つまたは 3 つの背景画像を % で配置するだけで済みます。一方、垂直視差は JavaScript が必要です。

次に、タブレットでの水平視差効果を再考します。ブラウザ ウィンドウのサイズを変更した場合にのみ水平視差が表示されるため、タブレットではこれは不可能と思われます。

しかし、私はあなたが垂直を行うと思います.JavaScriptで垂直視差を行うと、すべてのデバイスをカバーできます.

于 2012-08-08T13:21:53.860 に答える