jquery - ScrollLeft 不运行

标签 jquery css scroll

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

现在我做了修改。

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

问题是什么?

最佳答案

我不知道你想通过将 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/

关于jquery - ScrollLeft 不运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9142977/

相关文章:

jquery - 自定义滚动条 - 小于默认值

javascript - 如何将固定导航栏保持在页面元素的前面而不是后面

css - 子菜单显示悬停在主菜单元素上的内容

javascript - 使用Jquery在右键单击时停止垂直滚动

c++ - wxWidgets wxScrolledWindow 取消之前的绘制

javascript - JQuery 没有得到正确的宽度

jquery - 当用户在浏览器中更改选项卡时,Javascript 中是否会触发一个事件

javascript - 我需要更改具有相同 id 的多个 <td> 的 css 样式

css - 我无法删除页面顶部的边距

javascript - 向下滚动页面时多次更改背景颜色