1

私は、このパララックス スクロールがどのように機能するかを理解しようとしています。大規模な単なる微妙な要素はなく、dave gamache の Web サイトをバラバラにして、実際に見てみるために遊んでいます。

ただし、ウィンドウがスクロールされると、内側のタイトルの不透明度が失われるようには見えません。また、背景画像をまったくスクロールさせません。

私は何を扱っているかを示すためにフィドルを作成しました.windowScroll変数と関係があると思います.

http://jsfiddle.net/jzmQJ/

4

2 に答える 2

1

スクロール イベントを処理し、パララックス効果を実装するために記述したコードをイベント ハンドラー内に配置する必要があります。

の位置を変更するのはコードであり$artHeaderInner、イベントが$artHeader発生したときに 1 回だけ実行されます。ready必要な効果を得るには、スクロール位置が変わるたびにそのコードを実行する必要があります。

これはあなたを始めるかもしれません:

http://jsfiddle.net/LtrPV/1/

于 2012-06-22T18:34:59.073 に答える
0

Skrollr.js などの JavaScript ライブラリを使用することをお勧めします。

アニメーションとタイミングを完全に制御できます。

開始に役立つ次の 2 つのチュートリアルを確認してください。

于 2014-02-02T09:49:59.630 に答える