页脚不会向下停留
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:在内容很少的页面上,页脚下方有大量空白。我不是在寻找随页面滚动的页脚,因此不能选择固定位置。我正在尝试删除空白并将页脚保留在底部。
【问题讨论】:
<?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 现在,当您滚动时,页脚不会移动,但是当您一直滚动到页面底部时,页脚下方有一个非常大的白色区域。以上是关于页脚不会向下停留的主要内容,如果未能解决你的问题,请参考以下文章