javascript - Is there anyway to check if an element has overflowed? - Stack Overflow

admin管理员组

文章数量:1321608

My site has numerous horizontal lists of words. If the row has too many words to display in one row, it needs to display an "expand" button. Right now I determine if the row is full by adding up the estimated widths of the letters, but I am wondering if there is a simpler way to do this. Is there any way using javascript or any library (especially YUI or jQuery) to determine if an element has overflow?

My site has numerous horizontal lists of words. If the row has too many words to display in one row, it needs to display an "expand" button. Right now I determine if the row is full by adding up the estimated widths of the letters, but I am wondering if there is a simpler way to do this. Is there any way using javascript or any library (especially YUI or jQuery) to determine if an element has overflow?

• javascript
• jquery
• html
• css
• yui

Share Improve this question Follow asked Apr 1, 2014 at 3:07 michaelAdammichaelAdam 1,13711 gold badge1414 silver badges3131 bronze badges 1

• Possible duplicate of stackoverflow./questions/7668636/… – Patrick Allen Commented Apr 1, 2014 at 3:14

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

I assume you're referring to the overflow css property of DOM nodes. In that case you could pare the scrollWidth as opposed to the clientWidth.

Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively

本文标签： javascriptIs there anyway to check if an element has overflowedStack Overflow