如何获取html内容宽度不是窗口宽度

Question

我想检索html内容宽度。假设当我们将窗口大小调整为较小的大小时，滚动条就会出现，所以我想要获取整个html内容的宽度以及由于垂直滚动条而不可见的内容。

Answer 1

你可以试试这个： -

var width = document.getElementById('foo').offsetWidth; 

试试这个代码：

window.moveTo(0,0); 
window.resizeTo(screen.width,screen.height); 
var navButtonsEtcHeight = screen.height - window.innerHeight; 
var navButtonsEtcWidth = screen.width - window.innerWidth; 

Answer 2

您可以使用window.outerWidth和window.innerWidth。

Answer 3

这里的浏览器窗口的Fiddle

<div></div> 


$(function() { 

    var dWth = $(document).innerWidth(), 
     dHgt = $(document).innerHeight(); 

    $('div').append('<h2>'+dWth+'px X '+dHgt+'px</h2>'); 

    $(window).resize(function() { 

    var dWth = $(document).innerWidth(), 
     dHgt = $(document).innerHeight(); 

    $('div').html('<h2>'+dWth+'px X '+dHgt+'px</h2>'); 
    }); 

}); 

$(window).width();         //返回宽度HTML文档

Answer 4

的
$(document).width(); //返回宽度你想要的Element.clientWidth财产。它给出元素的内容宽度。

这里的文档：https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements