0

我有 2 个嵌套的 DIV，内部的 DIV 具有固定高度（但任意宽度）的图像，彼此水平对齐。

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

当我对内部 div 的宽度进行硬编码时，水平滚动条可以正常工作。但是，当我删除它的那一刻，水平滚动条消失了，即使 DIV 有display:inline-block并且我通过 Chrome 的元素检查器检查了它的宽度实际上正在扩展。

我还注意到，当我将autoReinitialise: true属性传递给 jscrollpane 时，几秒钟后会出现水平滚动条。但这似乎会减慢一切，因为它每隔几秒钟就会检查一次。

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

我在这里创建了一个 JSFiddle：http: //jsfiddle.net/793CB/1/

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

4

1 回答 1

1

初始化滚动条时图像尚未加载，因此宽度不可用。这似乎解决了它：http: //jsfiddle.net/793CB/3/

$(window).load(function () {
        $('#scroller').jScrollPane();
});

... on $(document).ready()，DOM 已加载，但图像可能仍在进行中

于 2013-07-14T00:09:38.553 回答