ページのスクロールとは異なる速度でスクロールする

Question

3行のサムネイル画像があるページがあります。各画像は同じ幅ですが、高さが異なるため、ページをスクロールすると、行はすべて異なる時間に終了します。私は、それぞれの行を異なる速度でスクロールさせる方法を探しているので、それらはすべてページの最後に一緒に終わります。垂直視差効果のような並べ替え。これも可能ですか？

<div id="thumbnails"> 
    <ul id="row-one"> 
    <li class="thumb1">...</li> 
    <li class="thumb2">...</li> 
    </ul> 
    <ul id="row-two"> 
    <li class="thumb1">...</li> 
    <li class="thumb2">...</li> 
    <li class="thumb3">...</li> 
    <li class="thumb4">...</li> 
    </ul> 
    <ul id="row-three"> 
    <li class="thumb1">...</li> 
    <li class="thumb2">...</li> 
    <li class="thumb3">...</li> 
    </ul> 

と私のCSS：

#thumbnails { width: 100%; } 
ul { float: left; display: inline; width: 33%; } 

Answer 1

あなたはjQueryの.scroll機能を使用することができ

私のHTMLは次のようになります。ドキュメントhereを参照してください。

スクロールがトリガーされると、ターゲットを異なる速度で移動します。あなたはおそらく出回っ知っているよう

あなたはラスタースクロールはなく垂直にやっただろう何をすべきか、チュートリアルがたくさんあります。

これはどんな助けでもいいと思います。