Javascript DOM元素中有多少溢出

有没有办法查看DOM元素中有多少溢出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.scrollWidth

这意味着溢出是这两个数字之间的差值：

node.scrollWidth - node.clientWidth

如果您有一个DOM节点（
node
），则该节点的宽度为
node.clientWidth
，可滚动区域的宽度为
node.scrollWidth

这意味着溢出是这两个数字之间的差值：

node.scrollWidth - node.clientWidth

一个重要的问题是你为什么需要知道？@madalinivascu响应式设计至关重要从未听说过，你每天都会学到新东西，你能提供一些数据来支持你的说法吗？我想知道更多我只是在这里抽象地说@madalinivascu-响应式设计理想情况下不考虑内容长度。例如，你可以有一个画廊网站，每个展览都是一个区块元素，但每个展览都有不同数量的照片；根据设备大小，x轴上可能溢出，也可能不溢出。当出现溢出时，在两侧显示按钮将非常有用。一个重要的问题是，你为什么需要知道？@madalinivascu这对响应式设计至关重要从未听说过，你每天都会学到新东西，你能提供一些数据来支持你的说法吗？我想知道更多我只是在这里抽象地说@madalinivascu-响应性设计理想地忽略了内容长度。例如，你可以有一个画廊网站，每个展览都是一个区块元素，但每个展览都有不同数量的照片；根据设备大小，x轴上可能溢出，也可能不溢出。当溢出时，在两侧显示按钮将非常有用。@Teemu，没有注意到。我已经更新了答案，虽然它应该是相对明显的关于如何得到任何维度的增量。我已经为它创建了一个提琴。希望这有助于轻松测试它@提姆，没有足够的注意。我已经更新了答案，虽然它应该是相对明显的关于如何得到任何维度的增量。我已经为它创建了一个提琴。希望这有助于轻松测试它。