Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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
Jquery 是否要检查容器高度并相应更改CSS?_Jquery_Html_Css - Fatal编程技术网

Jquery 是否要检查容器高度并相应更改CSS?

Jquery 是否要检查容器高度并相应更改CSS?,jquery,html,css,Jquery,Html,Css,比如说,我有一个占据页面100%的容器,然后在底部(作为容器的一部分)有一个页脚。页脚位于左侧:0px和底部:0px 是否有一种方法,例如使用JQuery,来检查容器的高度,如果它低于某个值,则删除页脚上将其定位为0px 0px的css 示例html: <div class="container"> <div class="footer"> </div> </div> 您可以使用jQuery执行此操作,如下所示: var $con

比如说,我有一个占据页面100%的容器,然后在底部(作为容器的一部分)有一个页脚。页脚位于左侧:0px和底部:0px

是否有一种方法,例如使用JQuery,来检查容器的高度,如果它低于某个值,则删除页脚上将其定位为0px 0px的css

示例html:

<div class="container">
    <div class="footer">
    </div>
</div>

您可以使用jQuery执行此操作,如下所示:

var $containerHeight = $('.container').height();
if(height < yourMagicNumberHere) {
  $('.footer').css({
    position: 'static',
    bottom: 'auto',
    left: 'auto'
  });
}
var$containerHeight=$('.container').height();
如果(高度<此处的magicnumber){
$('.footer').css({
位置:'静态',
底部:“自动”,
左:“自动”
});
}

但这真的有必要吗?下面有什么问题吗

.container { }
.footer { height:42px; margin-bottom: 3px; }

页脚仍将位于容器的底部/末端。

您能解释得更清楚一点吗?不需要假设,它被标记为:)(+1)是否有任何方法可以在(文档)上完成此操作。准备好了吗?当他们调整窗口大小时也准备好了吗?但页脚将不在窗口底部?啊,我明白了。我还以为它应该系在容器的末端呢。我的错:)
.container { }
.footer { height:42px; margin-bottom: 3px; }