Question

I wanna get the width of browser window. It should contain the width of scroll bar if exists.

How to fix this issue via JS?

How to fix this issue via jQuery?

Thank you!

Answer 1

There are many examples of this scattered around the web. It’s a common problem. Here’s what I found in a quick search

var winW = 630, winH = 460;
if (document.body && document.body.offsetWidth) {
 winW = document.body.offsetWidth;
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 winW = document.documentElement.offsetWidth;
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winW = window.innerWidth;
 winH = window.innerHeight;
}

http://www.javascripter.net/faq/browserw.htm