Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/17.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
Height 使用Jquery将文档高度应用于div_Height_Document - Fatal编程技术网

Height 使用Jquery将文档高度应用于div

Height 使用Jquery将文档高度应用于div,height,document,Height,Document,圣诞快乐 我在使用jquery应用div height时遇到了一个问题 我需要将(.leftstatbar)div设置为整个文档的高度。但这种情况不会发生。底部有一个空白,因为另一个文档超过了这个div的高度 这是我试过的 <script type="text/javascript"> $(document).ready (function (){ var winWidth = $ (window).innerWidth(); var winHeight = $ (d

圣诞快乐

我在使用jquery应用div height时遇到了一个问题

我需要将(.leftstatbar)div设置为整个文档的高度。但这种情况不会发生。底部有一个空白,因为另一个文档超过了这个div的高度

这是我试过的

    <script type="text/javascript">
$(document).ready (function (){
  var winWidth = $ (window).innerWidth();
  var winHeight = $ (document).innerHeight();
  // set initial div height / width

  $('.leftstatbar').css({
    'width': '250px',
    'height': winHeight
  });

  $(window).resize(function(){
    var winWidth1 = $ (window).innerWidth();
     var winHeight1 = $ (document).innerHeight();

     $('.leftstatbar').css({
    'width': '250px',
    'height':winHeight1
  });
});
});

$(文档).ready(函数(){
var winWidth=$(窗口).innerWidth();
var winHeight=$(文档).innerHeight();
//设置初始div高度/宽度
$('.leftstatbar').css({
“宽度”:“250px”,
“高度”:winHeight
});
$(窗口)。调整大小(函数(){
var winWidth1=$(窗口).innerWidth();
var winHeight1=$(document.innerHeight();
$('.leftstatbar').css({
“宽度”:“250px”,
“高度”:winHeight1
});
});
});
我的问题是,使用上述代码,我无法获得初始高度。我的文档比div(.leftstatbar)长。另一个问题是大小调整器。它最初会调整大小,但随后不会

衷心支持

非常感谢

innerHeight()和innerWidth()方法不适用于窗口或文档对象。您应该使用height()和width()。请看这里:

大小调整器的问题是,您正在对调用innerHeight()和innerWidth()的初始值进行闭包,然后反复将DIV的大小设置为与调用大小调整器相同的值。您应该将height的值设置为调用函数时文档的高度(动态)

在本例中,使用.css(“height”)而不是height(),以自动包含单位(px)

$(window).resize(function(){
    $('.leftstatbar').css({
    'width': '250px',
    'height':$(document).css("height");
    });
});