javascript - DOM 元素中有多少溢出

标签 javascript jquery html css dom

有没有办法查看 DOM 元素中多少 overflow-x?允许 DOM 元素沿特定方向溢出很容易 - overflow:scroll; 是 CSS 中的全部内容。但是,有没有一种简单的方法来查询 DOM 元素中有多少溢出?在 jquery 中想到的东西可能是:

var last = $("#foo").last();
var left = last.position().left;
var width = last.width();
// overflows on the right by...
var fooLeft = $("#foo").position().left;
var fooWidth = $("#foo").width();
var fooRight = fooLeft+fooWidth;

var overflowRight = left + width - fooRight 

最佳答案

如果你有一个DOM节点(node),节点的宽度是node.clientWidth,可滚动区域的宽度是node。滚动宽度

这意味着溢出是这两个数字之间的差异:

node.scrollWidth - node.clientWidth

关于javascript - DOM 元素中有多少溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39482365/

相关文章:

html - 在 iOS Safari 上点击突出显示

javascript - Cypress 7.0+/在拦截中覆盖响应

Javascript 循环内提示

javascript - 用于 webpack 构建的分离的开发和生产配置文件

javascript - 返回 ( ) 括号之间的文本的正则表达式

javascript - 阻止 FooTable 在转换单元格时从 <td> 标签中剥离 html

python - 在网页上显示大量 png 文件

javascript - 如何制作 iFrame 幻灯片?

javascript - 在jquery中使用拖放上传时如何区分文件和文件夹?

html - 我可以让 HTML5 日期输入在 Chrome 和 Firefox 中看起来一样吗?