如何获取网页中元素的溢出宽度?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (18)

我有两个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').widthclientWidthscrollWidthoffsetWidth性能都最大程度的发挥在1,024像素(这是我的显示器的宽度)。是否有人知道有什么方法可以确定元素内容包含溢出的程度?如果有帮助,我正在构建的应用程序将运行在自助服务终端类型的环境中,因此仅Firefox(即使是夜间版本)解决方案也没问题。

提问于
用户回答回答于
document.getElementById('parent').scrollWidth

scrollWidth是一个IE扩展,历史上不如offsetWidth支持。但是现在所有现代桌面浏览器都包含它。

用户回答回答于

使用JQuery,你可以:

$('#parent')[0].scrollWidth

扫码关注云+社区