Jquery 是否要检查容器高度并相应更改CSS?
比如说,我有一个占据页面100%的容器,然后在底部(作为容器的一部分)有一个页脚。页脚位于左侧:0px和底部:0px 是否有一种方法,例如使用JQuery,来检查容器的高度,如果它低于某个值,则删除页脚上将其定位为0px 0px的css 示例html: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
<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; }