有没有办法查看 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/