Javascript 如何将jQuery.SerialScroll的水平滚动条与滑块内容同步？

我在我的网页上使用jquery在20幅图像上滑动，它工作得非常好。现在我想这样做：

因为他们需要滑动20个图像，所以在滑动图像下面会有一个滚动条（或者我可以说是在滑动div的末尾），这个滚动条会随着图像的滑动而自动更新，所以现在我想，如果用户点击滚动条，手动滑动滑块，将滚动条保留在第10个图像上，那么它应该从第10个图像开始下一次滚动，然后继续滚动

所以，请告诉我或建议我如何才能做到这一点

我认为可以通过检测一个滚动条来完成，如果用户点击滚动条并手动滚动，那么我需要检测通过的图像数量，然后通过触发事件再次启动滚动

但是请给我一些关于代码的想法

---

-谢谢

让我们来写我们自己的小连载卷轴吧！
而且。。。漂亮的图像滑块：

• 停在mouseEnter上
• 在mouseLeave上重新启动
• 在手动滑动过程中，它控制大部分可见的图像（屏幕上超过50%）
• 从最可见的图像再次启动滑块

---

为了帮助你，我需要知道。可以看到多少图像。2.库是全宽还是溢出：无。3.所有图像的宽度都相同。答案如下：1.在视图2中，一次只显示一个图像。3.不，不是所有图像的宽度都相同，但如果有必要，也可以。我的滑动div名称为“slideshow”，所有图像都在“li”标记中。你可以在其中构建一个图库HTML-CSS布局吗？你可以从这里开始：是的，我可以，但这需要一些时间，但我想我知道（从你的3点来看）你想要做什么。因此，我正在尝试同样的方法，希望我能获得成功。你的代码在firefox中运行良好，但在google chrome中不起作用。我认为它不理解mouseup事件。你能找出原因吗？谢谢你的尝试，但我认为它在chrome中仍然不起作用，现在滑块也不能自动运行，你在chromeya中检查过了吗？它正在工作非常感谢你，所以我需要将鼠标切换到mouseout，我认为mouseup无法工作，因为mouseup和scroll之间存在竞争条件。无论如何，非常感谢你，这是一个冲突，因为我们在“鼠标提升”滑块时已经有了“停止”的库。现在，

mouseout

监听器也得到了同样的效果。在任何情况下，Chrome在组合使用

scroll

和

mouseup

时都会出现问题：）是的，但我在我的项目中以不同的方式使用您的代码，但不管怎样，它现在运行良好：-）