Skip to content

Instantly share code, notes, and snippets.

@mindplay-dk
Created January 26, 2011 15:31
Show Gist options
  • Save mindplay-dk/796851 to your computer and use it in GitHub Desktop.
Save mindplay-dk/796851 to your computer and use it in GitHub Desktop.
Small plugin that reports the size of the browser's scrollbars in pixels.
/*!
* jQuery Scrollbar Width v1.0
*
* Copyright 2011, Rasmus Schultz
* Licensed under LGPL v3.0
* http://www.gnu.org/licenses/lgpl-3.0.txt
*/
(function($){
$.scrollbarWidth = function() {
if (!$._scrollbarWidth) {
var $body = $('body');
var w = $body.css('overflow', 'hidden').width();
$body.css('overflow','scroll');
w -= $body.width();
if (!w) w=$body.width()-$body[0].clientWidth; // IE in standards mode
$body.css('overflow','');
$._scrollbarWidth = w;
}
return $._scrollbarWidth;
};
})(jQuery);
@mc360photo
Copy link

Thanks, I will try
Marco

@geekdenz
Copy link

Great stuff, seems to work well and so simple. :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment