页脚不会向下停留

Posted

技术标签:

【中文标题】页脚不会向下停留【英文标题】:Footer will not stay down 【发布时间】:2014-03-10 06:19:44 【问题描述】:

我尝试了很多不同的东西,但我无法让页脚停留在底部。

使用 Opencart 让我更难找到问题所在,但我就是不知道为什么。

下面的链接显示了问题的复制位置。但是,当任何页面上的内容最少时,就会出现问题。所以从技术上讲,由于页脚显示在所有页面上(作为一个公共文件),这是一个持续存在的问题。

http://shop.enigmedesigns.com/index.php?route=product/category&path=17

我已经走到了尽头。有人可以查看代码并查看任何潜在问题吗?解决方案?为什么我的页脚不会一直向下?

编辑:页脚代码...

<div id="footerwrapper">
    <div id="footer">
      <div id="links">
        <ul>
         <li><?php echo $text_copyright; ?></li>
         <li><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li>
         <li><a href="<?php echo $about; ?>"><?php echo $text_about; ?></a></li>
         <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
         <li><a href="<?php echo $privacy; ?>"><?php echo $text_privacy; ?></a></li>
         <li><a href="<?php echo $terms; ?>"><?php echo $text_terms; ?></a></li>
         <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>
       </ul>
      </div>
    </div>
</div>
</div>
</body></html>

edit:在内容很少的页面上,页脚下方有大量空白。我不是在寻找随页面滚动的页脚,因此不能选择固定位置。我正在尝试删除空白并将页脚保留在底部。

【问题讨论】:

&lt;?php echo $home.'"'.$text_home; ?&gt; 也会这样做,这样您就可以节省时间 @NullPoiиteя 谢谢!这将节省大量文件中的一些空间。 【参考方案1】:

如果您希望页脚在没有足够的内容填满屏幕时粘在屏幕底部,但在有足够的内容滚动时不与内容重叠,请尝试https://code.google.com/p/cleanstickyfooter/。

【讨论】:

背景现在拉伸 100%。耶!页脚位于底部(没有滚动问题),但我无法让“内容” div 一直向下延伸。填充页面不是问题,而是空白页面......糟糕。【参考方案2】:

您可以通过向您的 css 添加以下代码行来解决您的问题。

#footerwrapper  position:fixed; bottom:0px; left:0px; right:0px; 

【讨论】:

我希望页脚位于页面底部,但我不希望页脚随页面滚动。页脚下方有大量空白,就像“容器”没有延伸到页面的整个高度一样。【参考方案3】:

添加到您的 CSS:

#footerwrapper 
    ...
    position: fixed;
    bottom: 0; left: 0

来自 W3Schools:

位置固定的元素 相对于浏览器窗口定位。

即使窗口滚动也不会移动

【讨论】:

即使页面滚动到最顶部,页脚是否会粘贴到屏幕底部(而不是页面)? 是的,它修复了窗口底部的元素 @RoyMJ 我试图将其保留在所有前面内容的底部(删除页脚下方的空白),而不是可见屏幕的底部。 @user1566238 :所以当你向上滚动时,页脚将不可见......我在想你的代码就是这样工作的...... @RoyMJ 现在,当您滚动时,页脚不会移动,但是当您一直滚动到页面底部时,页脚下方有一个非常大的白色区域。

以上是关于页脚不会向下停留的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 响应式粘页脚

动态添加的页脚不会停留在 ASP.NET 页面的底部

UITableView,如何修复页脚,使其在滚动时永远不会向上或向下移动?

如何让页脚留在网页底部?

如何让页脚留在网页底部?

如何让页脚留在网页底部?