查找页面的宽度,包括溢出的内容

时间:2015-06-12 02:37:54

标签: javascript jquery width

我有一个页面,其中包含无响应的内容。 (内容来自第三方,我无法控制。)因此,内容会溢出文档宽度。

我想检测文档的整个宽度,包括溢出的内容。我试过以下JS:

//FIRST TRY:
var elmnt = document.getElementById("main-header");
    sWidth = elmnt.scrollWidth;

// NEXT TRY:
var sWidth = ('body').innerWidth();

// NEXT TRY:
var sWidth = $(window).width();


console.log(sWidth);

在所有这些示例中,我得到容器宽度,但不包括溢出的大小。

如何使用javascript(使用jQuery很好)?

2 个答案:

答案 0 :(得分:0)

在body标签之后放置一个div,其中包含页面具有的所有内容。 给div命名。 得到#name.outerwidth()

答案 1 :(得分:0)

如果溢出的内容可见,那么您要查找的查询是:

$(document).width()

或没有jQuery:

document.body.clientWidth