0

このスマッシング チュートリアルの効果を再現しようとしましたが(スクロール スプライトを参照)、完全に困惑してしまいました。私は何日もこれにいました。

スマッシング バージョンでは、ホバリング スプライトが親の背景とは異なる速度でスクロールし、レイヤード/3D 効果が作成されます。私のバージョンでは、スプライトは親の背景と同じ速度でスクロールします。

それらのバージョンは、Chrome インスペクターで次のように表示されます。 ここに画像の説明を入力

そしてそれらのHTML： ここに画像の説明を入力

私のバージョン: ここに画像の説明を入力

そして私のHTML： ここに画像の説明を入力

スマッシング バージョンにはインライン スタイル/パーセンテージが含まれているのに、私のバージョンには含まれていないことに注意してください。私は一生それを理解することはできません。エラーは発生していません。jQuery バージョンをいじりました。彼らが使用したすべてのスクリプトが私のページにも読み込まれていることを確認しました。

私のバージョンはこちらです。

私が見逃した可能性のあるもののアイデアはありますか？

4

1 に答える 1

1

script.js の 25 行目で、data-type="background" を持つ section タグを探しています。

$('section[data-type="background"]').each(function(){

section タグの代わりに article タグを使用しているため、機能しません。チュートリアルのように html を構成したり、次のようにスクリプトを少し変更したりできます。

$('article[data-type="background"]').each(function(){

または、このように data-type="background" のタグを取得します

$('[data-type="background"]').each(function(){

チュートリアルのようにスクリプトを構成するのではなく、スクリプトを変更すると、回避する必要がある他の問題が発生する可能性があります。

于 2013-11-07T22:02:56.277 に答える