2015-06-18 41 views
0

我使用插件jQuery custom content scroller是否可以同步兩個mscrollbar(雙向)?

我正在尋找同步兩個滾動條(雙向)。

使用回調onWhileScrolling和scrollTo它的作品,但scrollTo在事件結束時觸發。我想同步是實時的(即時的)。

我也在他們的父容器上使用mousewheel事件,它同步我想要的方式。只關注一個,我不同步。

一個想法?

結構:

<div class="parent_container"> 
<div class="scroll1"><!--div content --></div> 
<div class="scroll2"><!--div content --></div> 
</div> 

感謝

回答

0

我已經做了在JS斌一個簡單的例子使用jQuery你。 JS Bin

我使用jQuery的滾動事件。(這是最適合你的需求,我認爲)

我也改變了你的類和使用的id代替(類是多次使用在我看來)。

使用我的代碼,您可以獲得動態數量的同步滾動。
只需添加一個ID爲'scroll3'和class'syncScroll'的新div,以查看它的工作原理。

它也在「實時」工作,如你所願。

我希望能幫到你。

used jQuery版本:2.1.1