Check if overflow:hidden div is overflowing jQuery [duplicate]

Question

I just would like to know if there is a way to check if a div with the overflow hidden attribute can be checked to see if it has content overflowing it or not. Jquery

Avi · Accepted Answer · 2018-08-16 10:32:44Z

0

Try this....

if (element.offsetHeight < element.scrollHeight ||element.offsetWidth < element.scrollWidth) {
     // your element have overflow
 } else {
  // your element doesn't have overflow
 }

or

if ($("#myoverflowingelement").prop('scrollWidth') > 
 $("#myoverflowingelement").width() ) {
  alert("this element is overflowing !!");  
}
else {
  alert("this element is not overflowing!!"); 
}

refer this link Check with jquery if div has overflowing elements

answered Aug 16, 2018 at 10:32

Avi

1,6152 gold badges16 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Amir Ali Over a year ago

this did not work

Amir Ali Over a year ago

I dont have a scrollheight as I am using overflow is hidden

Avi Over a year ago

try to give correct id to your element and element name... # means element id

Amir Ali Over a year ago

Yeah, ive tried that, ive given class name

Avi Over a year ago

var invisibleItems = []; for(var i=0; i<element.childElementCount; i++){   if (element.children[i].offsetTop + element.children[i].offsetHeight >       element.offsetTop + element.offsetHeight ||       element.children[i].offsetLeft + element.children[i].offsetWidth >       element.offsetLeft + element.offsetWidth ){          invisibleItems.push(element.children[i]);     }  }

|

Collectives™ on Stack Overflow

Check if overflow:hidden div is overflowing jQuery [duplicate]

1 Answer 1

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Linked

Related