Height 使用Jquery将文档高度应用于div
圣诞快乐 我在使用jquery应用div height时遇到了一个问题 我需要将(.leftstatbar)div设置为整个文档的高度。但这种情况不会发生。底部有一个空白,因为另一个文档超过了这个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
<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");
});
});