Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript中的页面高度_Javascript_Jquery_Height - Fatal编程技术网

javascript中的页面高度

javascript中的页面高度,javascript,jquery,height,Javascript,Jquery,Height,当页面大于屏幕时,我无法用javascript获取页面的高度 我想这会让我达到合适的高度: $(document).height(); 但这只能得到屏幕的高度,如下所示: $('body').height(); 同: document.offsetHeight; 出于某种原因,所有这些示例只返回屏幕的高度。有人能帮忙吗?我想你需要添加window.pageYOffset(页面的滚动量,以像素为单位) 对JQuery不太确定。但是这个链接可能会帮助您了解各种属性,以及它们在不同浏览器的不同模

当页面大于屏幕时,我无法用javascript获取页面的高度

我想这会让我达到合适的高度:

$(document).height();
但这只能得到屏幕的高度,如下所示:

$('body').height();
同:

document.offsetHeight;

出于某种原因,所有这些示例只返回屏幕的高度。有人能帮忙吗?

我想你需要添加
window.pageYOffset
(页面的滚动量,以像素为单位)


对JQuery不太确定。但是这个链接可能会帮助您了解各种属性,以及它们在不同浏览器的不同模式下的行为

使用jQuery(您已经指定了),
$(document).height()
将准确返回您所要求的内容

要澄清
height()
方法的用法:

$('.someElement').height(); // returns the calculated pixel height of the element(s)
$(window).height();         // returns height of browser viewport
$(document).height();       // returns height of HTML document
我怀疑,如果
$(document).height()
对您不起作用,那么一定是出了问题。你可能是:

  • 说它太早了。比如,在DOM准备好之前
  • 具有一些未清除的浮动,这些浮动不会导致某些块级元素扩展到其实际高度。这样就搞乱了高度计算
  • 有一些关键的东西绝对定位。绝对定位图元不会影响其父图元的高度计算

  • 如果您对使用jQuery很在行,那么获取主体或html高度如何?比如:

    var winHeight = $('body').height();
    

    我在找这个,结果就到了这里。如果没有Jquery,您也可以使用普通JS实现这一点。以下工作:

    console.log(document.body.clientHeight,document.body.scrollHeight,document.body.offsetHeight)
    
    请注意以下链接,以明确使用哪一个:

    jQuery的哪个版本?根据这些文档,
    $(document).height()
    已返回自1.2tanks以来整个文档的高度。正如你在第一个建议中所说,我调用函数太早了。对于每个新页面,都有一些ajax工具来刷新页面的几个部分。