页脚不会向下停留

Posted 2023-03-21

【中文标题】页脚不会向下停留

【英文标题】：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：在内容很少的页面上，页脚下方有大量空白。我不是在寻找随页面滚动的页脚，因此不能选择固定位置。我正在尝试删除空白并将页脚保留在底部。

【问题讨论】：

<?php echo $home.'"'.$text_home; ?> 也会这样做，这样您就可以节省时间

@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 现在，当您滚动时，页脚不会移动，但是当您一直滚动到页面底部时，页脚下方有一个非常大的白色区域。