使用 jQuery 工具链接两个或多个 Scrollables

Question

我有一个简单的可滚动功能，可以在容器内滚动图像。

在此容器的右侧，我有第二个可滚动显示有关这些图像的信息。如果我点击下一个链接，我希望这两个可滚动项滚动到下一个元素（图像框到下一个图像，信息框到下一个信息块）。

我怎样才能做到这一点？是否可以将两个滚动条链接到相同的“上一个”和“下一个”按钮？

Answer 1

有时它比乍看起来更容易。如果两个 Scrollable 都在同一个 mutual wrapper element 内，这就足够了。它们都自动使用相同的上一个和下一个按钮。因此，单击其中一个总是会滚动同一容器中的所有 Scrollables。

因此，像这样初始化 Scrollables 就足够了：

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