Javascript 如何在一个页面宽度为的div中滚动一个内联无序的图像列表？（JQuery）

我的页面顶部有一个“条”，高100像素，页面大小为100%

我有一个无序的图像列表，内联显示在80x80中（四周都是10px的填充），我尝试了几种在屏幕上显示“更多”图像的方法，可以通过换行或滚动显示

我更喜欢的是在每一面都有一些简单而优雅的东西，我可以点击它，让它在每次点击时滚动一个以上的图像，或者将鼠标悬停在“按钮”上，让它不断滚动

更新：我和JCarousel合作完成了这篇文章，但后来决定我更愿意完全自己写

我现在有一个工作系统，我可以点击屏幕两侧的按钮，让它向左或向右滚动一定量。我唯一的问题是，如果我在项目用完后继续单击滚动，它仍然会增加数字。我需要确保它在完成后停止，否则在它再次开始移动之前，我必须在相反方向上单击相同的次数

我试图通过计算无序列表中的元素数量来实现这一点，但这不起作用，因为屏幕上不同分辨率和窗口大小的项目数量并不总是相同的，所以我不允许在每个方向上进行一定数量的点击

---

我的下一个选择是动态查找屏幕宽度并使用它滚动，有什么想法吗？

如果我理解正确，可能会有所帮助。（加载演示图像需要一些时间。）

---

它允许您在没有滚动条的情况下滚动溢出区域。我将它与列出的项目上的单击事件结合使用，效果很好。

好的，我已经实现了它，而且它可以工作，但是我需要在每一侧都有一个箭头来进行滚动，而不是按住拖动。这对用户来说更直观一些。有没有关于JQuery调用的建议，我可以在按钮的每一面放置一个按钮，让它每次点击都滚动这么多像素？@Hamid，我同意这并不明显。箭头按钮是个好主意，我可以自己试试。我知道您可以设置父对象（您称之为overscroll on）左侧滚动的动画，以编程方式将其移动。我想指出，我的特定问题的解决方案不在答案的正文中，而是在我上面的注释中。我成功地编写了一个脚本，使用scrollLeft，并根据当前窗口大小和当前可见图像的数量进行一些计算，以正确地滚动库。