如何获得包含滚动的Div宽度？

Question

如何获得div内部宽度，包括滚动。

我尝试了$('.element').width();函数，但这会返回div上的宽度而不会滚动。

如何获得包括滚动的宽度？

Answer 1

Element.scrollWidth只读属性返回元素内容的宽度（以像素为单位）或元素本身的宽度（以较大者为准）。如果元素比其内容区域宽（例如，如果有滚动条用于滚动内容），则scrollWidth大于clientWidth。

$('.element')[0].scrollWidth  ?

Answer 2

jquery width()函数返回包括滚动的宽度。你可以测试一下：

http://jsfiddle.net/gc6wvj0v/1

在这种情况下：

 $('.over').outerWidth() === $('.over').width() // true

如果你有一个标尺（我的firefox中有一个），宽度正好是方框+滚动条。 你确定没有返回滚动吗？

Answer 3

返回元素的内部宽度：

$('.element').innerWidth();