javascript - jQuery ツールを使用して 2 つ以上の Scrollable をリンクする

Question

コンテナ内で画像をスクロールするだけの単純なスクロール機能があります。

このコンテナの右側には、これらの画像に関する情報を表示する 2 番目のスクロール可能オブジェクトがあります。次のリンクをクリックすると、これら 2 つのスクロール可能オブジェクトを次の要素 (画像ボックスから次の画像へ、情報ボックスから次の情報ブロックへ) にスクロールする必要があります。

どうすればこれを達成できますか？両方のスクロール可能なものを同じ「前へ」ボタンと「次へ」ボタンにリンクすることはできますか?

Answer 1

一見したよりも簡単な場合があります。両方の Scrollable が同じ相互ラッパー要素内にあれば十分です。どちらも自動的に同じ前と次のボタンを使用します。そのため、それらのいずれかをクリックすると、常に同じコンテナー内のすべての Scrollable がスクロールされます。

したがって、次のように Scrollables を初期化するだけで十分です。

$("#imagecontainer").scrollable();
 $("#textcontainer").scrollable();