DOM要素のオーバーフローの度合い

Question

表示方法はありますかどのくらい DOM要素にオーバーフローがありますか？ DOM要素が特定の方向にオーバーフローすることを許可するのは簡単です。overflow:scroll;はCSSですべて取ります。しかし、DOM要素にオーバーフローがどのように存在するかを簡単に照会する方法はありますか？ jqueryの中で気になる何かがあるかもしれない：あなたはDOMノード（node）をお持ちの場合

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 

Answer 1

、ノードの幅がnode.clientWidthで、スクロール可能な領域の幅はnode.scrollWidthです。

オーバーフローは、これら2つの数の差であることを意味します

node.scrollWidth - node.clientWidth