Use jQuery to Detect Container Overflow?

Question

I\'ve seen this question but feel like there has to be a \"cleaner\" jQuery method of doing this. I\'m not even sure if this really works in all scenarios. Is there a way fo

Answer 1

There exists another solution, (this example tests if the height overflows) it requires the overflowing container to be position:relative:

HTML

Javascript

     var last = $('.children:last'), container=$('#overflowing-container')
         lastOffsetHeight = container.scrollTop() + last.outerHeight(true) + last.position().top;

     if (last[0] && lastOffsetHeight > container[0].getBoundingClientRect().height) {
       console.log("thisContainerOverflows")     
     }