How to check if vertical scrolbar exists on page?

Question

To check if the page has a scrollbar I used:

<script>
if (document.body.scrollWidth > document.body.offsetWidth){alert('exist');}
</script>

But it doesn't work.

How can I check if scrollbar exists on page?

Possible duplicate of http://stackoverflow.com/questions/4814398/how-can-i-check-if-a-scrollbar-is-visible — RononDex, Feb 28 '14 at 12:16
And of https://stackoverflow.com/questions/2146874/detect-if-a-page-has-a-vertical-scrollbar — Alex, Feb 28 '14 at 12:17
Does this answer help ? http://stackoverflow.com/questions/4814398/how-can-i-check-if-a-scrollbar-is-visible — Baruch Oxman, Feb 28 '14 at 12:21

score 2 · Accepted Answer · edited Jun 20 '20 at 09:12

You can check the scrollHeight of the document:

if($(document.body)[0].scrollHeight > $(window).height()){
    alert('vertical scroll exists.');
}

A simple test scenario:

css:

body{height:2000px;} // here body tag of the document is 2000px in height

so the js would be like this:

if($('body')[0].scrollHeight > $(window).height()){
    alert('vertical scroll exists.');
}

or

if($(document.body)[0].scrollHeight > $(window).height()){
    alert('vertical scroll exists.');
}

here $('body')[0].scrollHeight you need to select your document's body.

$(document.body)[0].scrollHeight instead of it you can also use $(document).height()

$(selector)[0].scrollHeight This selector is not supported by lesser than IE version 8.0

Why did you use `$(document)[0].scrollHeight` instead of `$(document).height()`? — Samsquanch, Feb 28 '14 at 13:01

1 Answers1