jquery - ScrollLeft 不运行

Question

我看过这个例子:http://jsfiddle.net/UwEe2/306/这是用 scrollleft 实现的。

现在我做了修改。

这是我的脚本但没有运行:http://jsfiddle.net/njKXB/39/

问题是什么？

Answer 1

我不知道你想通过将 1 的列表放入 li 元素而没有必需的 ul 来实现什么容器。

只需将文本替换为代码中的 img 元素即可证明其功能正常。

http://jsfiddle.net/njKXB/54/

您无法向左/向右滚动 1 列表的原因是因为它正在换行。如果你增加高度，你可以看到它在下面环绕。由于它正在向下滚动，因此没有任何东西可以左右滚动。

http://jsfiddle.net/njKXB/55/

解决方案是删除 li 上的 float 并添加 display:inline; 使它们全部保持在一个位置线。然后将 white-space: nowrap; 添加到容器中以防止换行。

http://jsfiddle.net/njKXB/75/