使用javascript中的垂直滚动条获取文档的宽度

Question

根据浏览器的CSS端逻辑，文档的总宽度包括垂直滚动条大小，而javascript则没有（无论我使用width，innerWidth还是outerWidth函数，它们都返回相同的数字） ：

jQuery(window).resize(function(){
    var button = jQuery('.compactmenu-button');
    if(jQuery(document).innerWidth() >= 680){
        if (!button.is(':visible')){
            jQuery('nav').css('display', 'block');
            console.log('more than 680');
        }
    }
    else{
        jQuery('nav').css('display', 'none');
            console.log('less than 680');
    }
});

JSFiddle

显然，您可以手动选择滚动条的宽度，但它会因您使用的浏览器而异。

有没有办法获得包括滚动条的宽度？