Detecting presence of a scroll bar in a DIV using jQuery?

javascript jquery scrollbar
7wp picture 7wp · Apr 15, 2010 · Viewed 33.9k times · Source

I want to detect the presence of a scroll bar in a DIV using jQuery. I was thinking to use $('div').scrollTop() but that returns 0 in both cases when the scroll bar is at the top and when there is no scroll bar at all.

Any ideas guys?

Answer

bobince picture bobince · Apr 15, 2010

Assuming overflow on the div is auto:

var div= document.getElementById('something'); // need real DOM Node, not jQuery wrapper
var hasVerticalScrollbar= div.scrollHeight>div.clientHeight;
var hasHorizontalScrollbar= div.scrollWidth>div.clientWidth;

Related questions

javascript: detect scroll end

I have a div layer with overflow set to scroll. When scrolled to the bottom of the div, I wanna run a function.

Read More
Load ajax when scroll reaches 80%

I am using the following code which is working when the scroll bar reaches the botttom, if($(window).scrollTop() == $(document).height() - $(window).height()){ I however want that the ajax is fired when i reached 70% of the scroll not 100.

Read More
Detect when window vertical scrollbar appears

Is there a simple and reliable solution for detecting window vertical scrollbar appears/disappears? window.onresize isn't triggered when after JavaScript DOM manipulation page becomes high enough for appearing scrollbar. In this very similar post Detect if a page has …

Read More