Zurb基金会粘页脚 [英] Zurb Foundation Sticky Footer

问题描述

我想使用Foundation 4使用粘性页脚，并且要使用HTML5 < footer> 标签，而不是< div class ="footer"> .另外，我只是不想更改foundation.css，而不是破坏框架的其他部分.我尝试了 http://tangerineindustries.com/download/sticky_footer/，但是它在Chrome上不起作用和IE10.任何建议如何实现它(仅css还是js)?是否可以仅更改app.css和/或app.js?

I want to have sticky footer using Foundation 4, and I want to use HTML5 <footer> tag, not <div class="footer">. Also I just don't want to change the foundation.css, not to break it other parts of the framework. I tried http://tangerineindustries.com/download/sticky_footer/ but it doesn't work on Chrome and IE 10. Any suggestion how to achieve it, either css only or js? Is it possible to do it only changing app.css and/or app.js?

推荐答案

这篇文章解释了我最喜欢的方法，仅使用CSS.适用于所有主要浏览器，包括IE5及更高版本(不过我仅测试到IE8): http://ryanfait.com/resources/footer-stick-to-页面底部/

This post explains my favorite method, using CSS only. Works in all major browsers, including IE5 and up (I only test down to IE8 though): http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

我将它与Foundation 4一起使用.

And I use it together with Foundation 4.

如果您碰巧正在使用Compass，则他们有一个mixin使用相同的方法: http://compass-style.org/reference/compass/layout/sticky_footer/

If you happen to be using Compass, they have a mixin that uses this same method: http://compass-style.org/reference/compass/layout/sticky_footer/

这篇关于Zurb基金会粘页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！