javascript - 如何找到溢出 :auto 的 UL 的可滚动宽度

Question

我有一个具有以下样式的 UL:

#sortable { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow:auto; 
    white-space: nowrap;
}

UL 将跨越我的浏览器窗口的大小，并在底部应用滚动条，这很棒。现在我想获得可滚动部分的宽度。我认为像 $("#sortable").scrollWidth 或 document.getElementById('sortable').scrollWidth 这样的东西会起作用，但它返回未定义。

是否可以在任何给定时间确定 UL 的宽度？我还需要支持IE8。谢谢。

这是一个例子:http://jsfiddle.net/Vzp68/4/

Answer 1

scrollWidth 不是 jQuery 属性，因此 $('#sortable').scrollWidth 将不起作用。但是，$('#sortable')[0].scrollWidth 将显示为 this jsfiddle演示。 document.getElementById('sortable') 和 document.querySelector('#sortable').scrollWidth 似乎也在 fiddle 中起作用。