Blueimp图片库中的缩略图修复

Question

我一直在尝试使用Blueimp（https://github.com/blueimp/Gallery/blob/master/README.md）为我的项目实现图像库功能，但我在图库中显示缩略图时遇到的问题很少。

画廊

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

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

试验：我尝试向标签提供overflow：auto和max-height并获得此结果

WITH OVERFLOW＆MAX-HEIGHT

问题：丑陋的滚动条出现在预览div的右侧，而且滚动在这种情况下垂直发生，而不是水平。此外，由于我正在制作响应式设计，我希望它也能与手机兼容。

由于我也将Lazy Loading电子邮件发送到我的图库，如果缩略图和图像显示超出视口宽度会动态加载。

有什么办法可以实现这个功能吗？提前谢谢。

编辑：我能够通过使用Jquery UI的可拖动设置部分实现该功能，设置宽度为auto，将所有列表设置为向左浮动，使用overflow as hidden并设置max-height。现在，我可以拖动左侧的预览div来查看更多缩略图，但问题是如果我使用下一个按钮，缩略图在视口中可见的最后一个缩略图后失去焦点（我必须向左拖动以查看当前缩略图） 我还没有想到实现延迟加载功能