javascript - iScrollで同時に2つのdivをスクロールする方法

Question

iScroll を使用する 2 つの div があります。ここで、いずれかがスクロールされたときに両方の div をスクロールしたいと思います。

同時にスクロールさせたい

これは可能ですか？

Answer 1

div次のように構造化してみてください。

<div id=wrapper>
 <div id="scroller">
   <div id="div1">
     <div id="child1"></div>
   </div>
   <div id="div2">
     <div id="child2"></div>
   </div>
 </div>
</div>

次に、iscroll for#wrapperを定義すると、両方の div を同時にスクロールできます。これは簡単な方法です。

または、取得を試みることができますonScroll event。スクロール中にスクロール位置を正確に取得することはできませんが、それでも取得できonScrollMoveますonScrollEnd。これがお役に立てば幸いです。

Answer 2

メソッドを使用scrollToして、div のスクロール時に指定された位置で 2 番目の div をスクロールできます。タイムアウトがオプションの 3 つの引数を取ります。

scrollTo(x, y, timeout)- スクロール領域内の任意の x、y 位置にスクロールします。