页脚贴在底部

Footer stick to bottom

本文关键字：底部      更新时间：2023-09-26

我有一个引导手风琴，其中所有面板都折叠，除了第一个。当页面首次加载时，正文的高度大于窗口高度。页脚最初粘在页面的底部，如果我从手风琴展开另一个面板，它仍然在底部。问题是，当所有的面板都倒塌时，车身的高度低于窗户的高度。在这种情况下，页脚不粘在窗口的底部，它位于窗口的中间，手风琴结束的地方。

我尝试捕获调整大小事件，所以如果正文的高度小于窗口的高度，那么我会将页脚粘贴到窗口的底部，否则粘贴到正文的底部，但在手风琴触发的情况下，调整大小不起作用。

这是我尝试过的:

 $(window).resize(function(){
        footPosition();
     }); 

function footPosition()
 {var bodyHeight = $("body").height();
      var vwptHeight = $(window).height();
      if (vwptHeight > bodyHeight) {
        $("footer#pageFooter").css("position","absolute").css("bottom",0).css("width","100%");
      }else{
      $("footer#pageFooter").css("position","static").css("bottom",0).css("width","100%");
      }
}

对不起，我不能给你手风琴代码，它太大了。
但是这是一个简单的引导手风琴，我被这个问题困了两天。

请帮。

你要找的是CSS粘贴页脚

 <div id="footer">
    </div>
#footer {
  position: relative;
  bootom: 0;
  margin-top: -180px; /* negative value of footer height */
  height: 180px;
  clear:both;
}
相关文章：