Javascript jQuery悬停滚动，只需要一点帮助

我不是一个真正的jQuery爱好者。所以我来这里寻求帮助

这是我的想法。有十个图像和十个缩略图。当您将鼠标移到缩略图上时，它会将您带到相应的图像“我的代码在jsbin上”

我想要的是将这个覆盖功能添加到顶部和底部的绿色条中

我的想法是，我可以将鼠标移到顶部栏上，它将向上滚动到列表中的下一张图片。 如果我将鼠标悬停在底部的绿色条上，它将带我进入列表中的下一个图像

这是我到目前为止所拥有的

因此，您不必将鼠标悬停在缩略图上，而是将鼠标悬停在顶部或底部的绿色条上，以向前或向后移动

---

我希望你能帮忙：

我想你是说什么？我用定时器做的。输入启动计时器。每x毫秒上下移动一次，并清除鼠标左键上的计时器。

效果非常好！！谢谢你帮我弄明白。我还研究了使用jqueryhoverscroll，但它要复杂得多。