Is there a programmable way to dertermine if a <div> is overflow

Question

<div id="container">
  some content
</div>

Say the container div is resizable, while resizing how do I know if it's already overflowed( inner content width < container width or inner content height < container height )?

Answer 1

As far as I know the only way is to compare the

clientHeight < scrollHeight

for vertical scrollbar

and

clientWidth < scrollWidth

for horizontal scrollbar.