Javascript jQuery工具可滚动：屏幕上有3项，但每次滚动一项

我正在使用jQuery工具滚动一个旋转木马，一次可以看到三个项目，并以自动滚动和循环方式滚动一个项目

我已经使用CSS来显示这三个项目。在旋转木马到达最后一个项目之前，这是正常的，它似乎要等到它通过它才能加载以下项目

在显示最后一个项目之前，它似乎还要等到中间的项目完全可见

此处演示：

---

对此我能做些什么吗？

是的，你能。我也有同样的问题

包含项目的元素需要具有非常大的宽度。尝试如下添加CSS：

.items {
    width: 20000em;
}

实际上，这是使jQuery工具能够正常工作的要求之一，如开发人员的演示页面所述。这样，所有项目都可以显示在一行中，以确保滚动时最后一个项目后没有可见的空间。它是否比需要的大并不重要，只要它永远不会太小

jQuery Tools Scrollable实际上构建为一次只显示一项。这意味着您必须更改脚本的代码：

您可以找到未缩小的脚本。在可滚动脚本中搜索以下行：

cloned2 = self.getItems().eq(1).clone().appendTo(itemWrap);

将其替换为以下行：

cloned2 = self.getItems().slice(1,4).clone().appendTo(itemWrap);

通过这种方式，您可以克隆前3个项目（而不仅仅是第一个项目）并将其添加到项目的末尾，这样即使一次可以看到多个项目，也可以进行循环滚动。如果您希望一次可以看到更多项目，只需将

4

替换为

[可见项目数]+1

。顺便说一句，没有其他方法可以让jQuery工具同时处理多个可见项。我也在工作中使用这个解决方案

如果您想在更改后再次获得脚本的缩小版本，只需使用此选项。它就像一个符咒

如果这是你要找的，请考虑把它标记为正确答案。谢谢大家!

在技术上是正确的，但是，如果您从jQuerytools站点以捆绑方式下载它，它的措辞会略有不同

您可能要查找的行是：

l = f.getItems().eq(1).clone().appendTo(h);

应以与上述答案类似的方式对此进行更改：

l = f.getItems().slice(1,4).clone().appendTo(h);

---

未经完全测试，使用风险自负。

如果您想使其可配置，只需添加

circularVisibleItems:1

进入

conf

对象，然后更改

l=f.getItems().eq(1).clone().appendTo(h);

进入

---

然后，您可以定义在哪个滑块中克隆多少项。

谢谢您的回答。看起来像是我要找的。我会在早上测试，并将其标记为已接受。谢谢，工作！希望jquerytools团队能够对此进行调整。

l=e.circularVisibleItems>1?f.getItems().slice(1,e.circularVisibleItems+1).clone().appendTo(h):f.getItems().eq(1).clone().appendTo(h);