javascript - How to reliably get screen width WITH the scrollbar

Question

Is there a way to reliably tell a browser's viewport width that includes the scrollbar, but not the rest of browser window)?

None of the properties listed here tell me the width of the screen INCLUDING the scrollbar (if present)

Answer 1

I figured out how to accurately get the viewport width WITH the scrollbar using some code from: http://andylangton.co.uk/blog/development/get-viewport-size-width-and-height-javascript

Put this inside your $(document).ready(function()

$(document).ready(function(){
    $(window).on("resize", function(){
      function viewport() {
          var e = window, a = 'inner';
          if (!('innerWidth' in window )) {
              a = 'client';
              e = document.documentElement || document.body;
          }
          return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
      }
    });
    // Get the correct window sizes with these declarations
    windowHeight = viewport().height;
    windowWidth = viewport().width;  
});

What it Does:

When your page is 'ready' or is resized, the function calculates the correct window height and width (including scrollbar).