jquery - プラグインjQueryパララックスを探しています

Question

私は Parallax と呼ばれるこの jQuery プラグインを探していますが、どこでもリンクを見つけることができません:

プラグインのソース: http://www.laurentiuswonen.com/jaarverslag2010/assets/js/jquery.parallax.js

Answer 1

Googleが正しければ、ここにあることを確認してください http://www.ianlunn.co.uk/plugins/jquery-parallax/

Answer 2

私は探してきました。window.scroll イベントにフックして div を適切な場所に移動するものを作成しました。

https://github.com/eiu165/Parallax/tree/master/src

作業サンプル

使いやすいようにオリジナルを拡張しました。私は水平に動作します。自由に使用してください。

var hotSpots = [0, 2000, 4000, 6000, 8000];ページの場所を定義するために使用 します

次に、移動する div を分類し、x 速度とy 速度を指定して、移動する div 内のx 位置とy 位置、および表示するフレーム (ページ) に要素を配置します。

<div class="parallax"  data-speed-x="0"  data-speed-y="0.8" >
    <div   data-frame-y="220" data-frame-x="200" data-frame="1"  ><img src="./img/moon.png"  /></div>
    <div   data-frame-y="350" data-frame-x="420" data-frame="4" ><img src="./img/sun.png"  /></div>

</div>

<div class="parallax"  data-speed-x="-0.4"  data-speed-y="0.0" >
    <div   data-frame-y="800" data-frame-x="420" data-frame="3" ><img src="./img/tree.png"  /></div>
    <div   data-frame-y="750" data-frame-x="320" data-frame="4" ><img src="./img/tree.png"  /></div> 
</div>

それは、このサイトに基づいていることがわかったものに基づいています。 http://f6design.com/projects/parallax-scrolling/