Zurb Foundation Sticky Footer

我想要使用Foundation 4的粘性頁腳，並且我想使用HTML5 <footer>標記，而不是<div class="footer">。另外我只是不想改變foundation.css，而不是打破框架的其他部分。我試過http://tangerineindustries.com/download/sticky_footer/，但它不適用於Chrome和IE 10.任何建議如何實現它，無論是CSS或JS？是否有可能只改變app.css和/或app.js？Zurb Foundation Sticky Footer

來源

2013-07-09 Ahmet Cetin

這篇文章解釋了我最喜歡的方法，只使用CSS。工程在所有主要瀏覽器，包括IE5和最多（我只測試到IE8雖然）： http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

，我和基金會4

一起使用它，如果你碰巧使用羅盤，他們有一個mixin使用相同的方法： http://compass-style.org/reference/compass/layout/sticky_footer/

來源

2013-07-09 21:12:34 Graeck

您是否將css代碼直接放到app.css中？沒有修改foundation.css？ –

你想添加這個在你自己的css風格的地方（是的，可能是app.css/scss）。不要修改foundation.css。並確保在foundation.css之後包含app.css。 – Graeck

以下是Foundation 5的示例：http://codeply.com/go/h7A9aKhDc0 – ZimSystem

Zurb Foundation Sticky Footer

回答

相關問題