1

私は「テーブルトップ」デザイン、つまり、ページ全体にdivページが広がっている単一のページに設定されたWebサイトを作成しています。

ナビゲーションにscrollToを使用しています。ナビゲーションのアニメーション中に、背景の上の画像で視差スクロールを実行して、奥行きと動きの感覚を高めたいと考えています。

私はこの時点で多くのプラグインを使用しましたが、探しているものを提供するものは見つかりませんでした。すべての画像はページのさまざまな領域で開始位置が異なり、速度も異なるため、次のことができる必要があります。ページの読み込み時に位置を設定します。これを行う必要のある画像が大量にある可能性があります。

私はずっとこれに取り組んできました、そして今私はあなたをインターネットの天才を使って私を救わなければなりません!

4

1 に答える 1

0

視差スクロールは非常に単純で、プラグインは必要ありませんが、これを簡単に接続し$.fnて jQuery プラグインにすることができます。

<img src="foo.jpg" id="parallax1" class="parallax">

<style>
.parallax {
    position : fixed;
    top      : 0px;
    left     : 0px;
}
</style>

<script>
var scroller = $('#parallax1');
$(window).bind('scroll', function(){
   var top = this.scrollTop;
   $('#parallax1').css('top', top * someMultiplier);
});
</script>
于 2011-07-06T15:02:56.543 に答える