我有两个这样的div
<div id="parent" style="width:100px:overflow:hidden;">
<div id="child">
tooooooooooooooooooooo much content to fit in parent
</div>
</div>
我正在使用jQuery动态更新孩子的内容并滚动它。我希望能够找到孩子有多宽,这样我就知道什么时候停止滚动。问题是,一旦溢出的内容出现,孩子的实际宽度甚至比屏幕还要宽(与当前测试内容相比,似乎约为2500像素)。元素的边框(如果设置)不会延伸到内容的实际宽度,则文本会溢出到可见边框之外。
使用jQuerys $('#child').width
,clientWidth
、scrollWidth
(感谢波本斯)和offsetWidth
属性都达到了1024px (这是我的显示器的宽度)的最大值。有没有人知道任何方法来找出元素的内容有多宽,包括溢出?如果它有帮助,我正在构建的应用程序将在kiosk类型的环境中运行,所以只有Firefox (甚至是夜间版本)解决方案就可以了。
更新:scrollWidth
上关于家长的作品,我应该仔细读一读,再次感谢博本斯。
发布于 2009-04-19 03:02:34
document.getElementById('parent').scrollWidth
scrollWidth是一个IE扩展,在历史上没有offsetWidth那么受支持。然而,现在所有的现代桌面浏览器都包含它。
发布于 2015-09-26 23:51:21
使用JQuery,您可以执行以下操作:
$('#parent')[0].scrollWidth
https://stackoverflow.com/questions/764658
复制相似问题