Javascript 在CSS中，如果没有硬编码宽度，JQuery jscrollpane水平滚动条不会出现

我有两个嵌套的div，内部的一个具有固定高度（但任意宽度）的图像，一个相邻水平对齐

我想使用jScrollpane，这样就有水平滚动条来显示div视口外的图像。图像列表事先不知道，它将动态来自CMS，因此我无法在CSS中硬编码内部div的宽度

当我对内部div的宽度进行编码时，水平滚动条工作正常。然而，当我移除它时，水平滚动条消失了，即使DIV有

display:inline block

，并且我通过Chrome的元素检查器检查它的宽度实际上正在扩展

我还注意到，当我将

autoReinitialise:true

属性传递给jscrollpane时，几秒钟后就会出现水平滚动条。但这似乎减慢了速度，因为它每隔几秒钟就会检查一次

让jScrollpane意识到内部div比外部可滚动div大的正确方法是什么

我在这里创建了一个JSFIDLE：

---

我在CSS（最后一行）中添加了一条注释，显示了固定宽度，如果删除，则说明问题。

初始化滚动条时，图像尚未加载，因此宽度不可用。 这似乎解决了这个问题：

---

。。。在

$（document）.ready（）

上，加载了DOM，但图像可能仍在进行中

嗨，我看了ff和chrome中的小提琴，去掉了宽度css行，仍然看到了滚动条。是否需要做其他事情来破坏功能。。。知道了。干杯！是的，就是这样！即使我在本地测试，

显然没有更新

document.ready上的
宽度。
$(window).load(function () {
        $('#scroller').jScrollPane();
});