查找页面的整个宽度，包括水平滚动条

我试图找到该网页的整个宽度，我按照上SO很多answers，但没有运气查找页面的整个宽度，包括水平滚动条

我已经试过

$(document).width() 
window.outerWidth 
window.innerWidth 
document.body.scrollWidth 
document.body.clientWidth

我试图获得这些值，在水平滚动条在底部的页面和我得到的所有上述代码的值是相同的 console.log（$（document）.width（），window.outerWidth，window.innerWidth ，document.body.scrollWidth，document.body.clientWidth）

输出：1366 1366 1366 1366 1366

我想找到的老SharePoint页面的宽度和他们没有适当的设计，即一些表格/图像有巨大的宽度内联样式指定，他们是不是包含它们的父容器内

我甚至试图找到与最大宽度的元件

变种maxwidth = 1300;

$("body *").each(function(){ 
if($(this).width()>maxwidth){ 
    maxwidth = $(this).width(); 
} 
}) 
console.log(maxwidth)

但它不可靠。例如，在没有滚动条的页面了maxWidth 2773，这是2000与滚动

不知道还有什么可以让

来源

2017-03-09 Vignesh Subramanian

什么是你期待？你取而代之的是什么？你有没有做过任何搜索（http://ryanve.com/lab/dimensions/）？ – evolutionxbox

你的意思是垂直滚动条？ – Abhitalks

@Abhitalks没有水平滚动条 –

你正在寻找的页面的整个宽度来完成一个页面像这样https://jsfiddle.net/kxk5u79n/1/

$('#button').click(function() { 
    var maxWidth = window.innerWidth; 

    $('body').children().each(function() { 
    var $el = $(this); 

    if ($el.width() > maxWidth) { 
     $el.css('width', maxWidth); 
    } 
    }); 
});

检查窗户的宽度，是一个元素的宽度宽，我们调整大小以适应。这可能不完全准确的边距和填充。

来源

2017-03-09 11:00:49

尝试这样：

$('document').ready(function() { 
 
    $(window).scroll(function() { 
 
    console.log($(this).outerWidth() + $(this).scrollLeft()) 
 
    }) 
 

 
})

html, 
 
body { 
 
    margin: 0px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="height:100px;width:1600px;background:#b4b4b4"></div>

来源

2017-03-09 11:07:43

查找页面的整个宽度，包括水平滚动条

回答

相关问题