Tyler Cipriani: Cross-Browser JavaScript Scrollbar Detection

comment 1

2018-06-13T19:34:11Z

Hello, great work. I adapted your code to let the possibility to chose on which axe the check is made. Here the code : https://gist.github.com/numee/.. ..

comment 2

2018-06-13T19:34:11Z

// rootElem for quirksmode

var rootElem = document.documentElement || document.body

shouldn’t you be checking if the clientHeight of document is 0 (not that documentElement exists) when assigning rootElem… (if I’m following your resoning above)

isn’t this what you mean:?

var rootElem = document.documentElement

if(!rootElem.clientHeight) rootElem = document.body

comment 3

2018-06-13T19:34:11Z

Note: that rootElem in my previous comment would only be viable then in the rest of the code for calculating things available on that element and would require changing, my point is rootElem will always be document.documentElement (because it exists in IE8 if I’m not mistaken)

comment 4

2018-06-13T19:34:11Z

Works Great, Thanks..

Great stuff

2016-12-01T04:42:56Z

Seems like the best answer I’ve found to this problem, thank you.

Using the code

2017-05-05T18:36:13Z

Hi,

Thanks for the great write up!

Could you please go until a bit more detail regarding how we would apply the code?

For example, I’d like to do a check to see if the scrollbar exists and is pushing the content over and, if so, then add a class to the body. How would this be done?

I basically want to be able to do the following:

if ( hasScrollBar ) { $(‘body’).addClass(‘window_has_scrollbar’); }

Works very well

2017-05-13T18:17:06Z

Thank you!