Javascript: How to identify if a "div" is overflowed?

Question

I have a div with overflow: auto (a vertical scroll bar appears if the div contains a lot info).

How could I identify at some point if the vertical scroll bar appears or not ?

Sorry, can you maybe expand on that a bit. Do you mean use javascript to detect when the scroll bar appears and if so trigger an event? — Stuart Burrows, Dec 16 '10 at 10:48
possible duplicate of [How to determine from Javascript if an html element has overflowing content](http://stackoverflow.com/questions/143815/how-to-determine-from-javascript-if-an-html-element-has-overflowing-content) — Adam Kiss, Dec 16 '10 at 10:53

score 3 · Accepted Answer · answered Dec 16 '10 at 10:48

From http://bytes.com/topic/javascript/answers/157924-detect-if-scrollbars-visible-inside-div:

if (document.getElementById('divID').scrollHeight > document.getElementById('divID').clientHeight)
{
//a vertical scroll bar is present
}
else
{
//a vertical scroll bar is NOT present
}

score 1 · Answer 2 · edited May 23 '17 at 12:07

1

It's been answered here

edited May 23 '17 at 12:07

Community

1
1

answered Dec 16 '10 at 10:48

Saeb Amini

23,054
9
78
76

Javascript: How to identify if a "div" is overflowed?

2 Answers2