Javascript Blueimp图像库中的缩略图修复

我一直在尝试使用Blueimp（）在我的项目中实现一个图像库功能，但是在库中显示缩略图时，我遇到了一些问题

画廊

我的问题： 如果我在图库中添加许多图像，显示的缩略图会垂直增加预览div的高度，这是我不想要的

我的期望：我想让用户能够通过具有固定高度的预览栏滚动缩略图

试验：我尝试给标签指定overflow:auto和max height，得到了这个结果

带有溢出和最大高度

问题：预览div右侧会出现一个丑陋的滚动条，而且在这种情况下，滚动是垂直进行的，而不是水平进行的。另外，因为我正在做一个反应灵敏的设计，我希望它也能与手机兼容

因为我也会将延迟加载添加到我的图库中，所以如果缩略图和图像显示超出视口宽度，则动态加载效果会更好

有什么方法可以实现此功能吗？提前谢谢

编辑：通过使用Jquery UI的Dragable，将width设置为auto，将所有列表设置为向左浮动，将overflow设置为hidden，并设置最大高度，我能够部分实现该功能。现在，我可以向左拖动preview div以查看更多缩略图，但问题是如果我使用“下一步”按钮，缩略图在视口中最后一个可见的缩略图之后会失去焦点（我必须向左拖动才能查看当前的缩略图）

---

我还没有想到如何实现延迟加载功能

你应该保持

溢出：隐藏

，是的

最大高度

看起来不错，但是你应该使用自定义的左右导航！！或者你是如何显示额外的缩略图的？我已经使用了左导航和右导航，我使用了overflow:hidden now（请参见编辑），但新的问题不断出现。。我显示额外缩略图的想法是，用户可以拖动缩略图来查看我现在实现的其余缩略图。（尽管我有编辑中提到的问题）如果我们能在这里看到一个小演示而不是理论，那就太好了，因为这是

CSS