65.9K
CodeProject is changing. Read more.
Home

Getting scrollbar height&width

starIconstarIconstarIconemptyStarIconemptyStarIcon

3.00/5 (2 votes)

Nov 23, 2009

CPOL
viewsIcon

8790

function GetSBSize(){ var i = document.createElement('p'); i.style.width = '100%'; i.style.height = '200px'; var o = document.createElement('div'); o.style.position = 'absolute'; o.style.top = '0px'; o.style.l

function GetSBSize(){
            var i = document.createElement('p');
            i.style.width = '100%';
            i.style.height = '200px';
            var o = document.createElement('div');
            o.style.position = 'absolute';
            o.style.top = '0px';
            o.style.left = '0px';
            o.style.visibility ='hidden';
            o.style.width = '200px';
            o.style.height = '150px';
            o.style.overflow = 'hidden';
            o.appendChild(i);
            document.body.appendChild(o);
            var w1 = i.offsetWidth;
            var h1 = i.offsetHeight;
            o.style.overflow = 'scroll';
            var w2 = i.offsetWidth;
            var h2 = i.offsetHeight;
            if (w1 == w2) w2 = o.clientWidth;
            if (h1 == h2) h2 = o.clientWidth;
            document.body.removeChild(o);
            //assing to window object
            window.scrollbarWidth = w1 - w2;
            window.scrollbarHeight = h1 - h2; 
}