Question

我的UL风格如下：

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

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

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

以下是一个示例：http://jsfiddle.net/Vzp68/4/

Answer 1

scrollWidth不是jQuery属性，因此$('#sortable').scrollWidth无法正常工作。但是，$('#sortable')[0].scrollWidth将document.getElementById('sortable')表明。 document.querySelector('#sortable').scrollWidth和{{1}}似乎也适用于小提琴。

如何使用overflow：auto查找UL的可滚动宽度

1 个答案: