JS动态实现footer部分是否固定定位在底部

      发布在:前端技术      评论:0 条评论

有的时候内容少,footer部分也跟着展示在中间很是影响美观,直接固定底部在正文内容增加的时候又会遮住正文内容,于是想到通过js动态实现footer部分是否固定定位在底部

具体实现代码如下:

.fixbottom{
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
<div class="foot">
<p>底部部分演示</p>
</div>
<script type="application/javascript">
if(($('.foot')[0].offsetHeight+$('.foot')[0].offsetTop)<$(window).height()){
$('.foot').addClass('fixbottom');
}
</script>


相关文章
热门推荐