使用overflow-x滚动到div内的img

Question

我有一个图片库，其中包含一张主图片和一堆缩略图。我有一个上一个＆amp;下一步按钮。

缩略图位于div内，overflow-x设置为滚动。它看起来像这样（超过3张图片）：

<div>
    <ul>
        <li><img src="pic1" /></li>
        <li><img src="pic2" /></li>
        <li><img src="pic3" /></li>
    </ul>
</div>

当我点击“下一步”时，我想将div滚动到选定的缩略图。

无论如何我可以用Javascript做到吗？