-
-
Save spilliams/2697774 to your computer and use it in GitHub Desktop.
Hi all, remember that you have to follow the structure found here: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ meaning that you have to put a div with class 'wrapper' on your content, except on your footer where another div with class 'footer' around your footer. The snipped above will be inside a file called "stickyfoundationfooter.js" (if you noticed the name on top of the snippet), and you will have to add <script src="stickyfoundationfooter.js"></script> on your html too, so it can be called. And don't forget to add the styles shown on Ryan Fait's website! I hope that helps, it worked for me! ;)
This sticky footer will work with out a #wrapper or fixed heights and in mobile as well. http://tangerineindustries.com/download/sticky_footer/
coreysyms
Could you help get your Sticky Footer work with Foundation 4.
Thank you.
@neilkpd had the same problem but found a slice of jquery code that helped me out.
http://www.egstudio.biz/sticky-footer-with-jquery/
I did it like this:
- Paste the code in stickyFooter.js and place it under js/custom
- Include the js file above
- Make sure your footer element has a id footer (or change the js file)
@neilkpd The sticky footer is supported in Foundation 4, jump over to my git page and email me if you have any questions. PS i didnt see your question because you forgot the @ before my name.
@monicams I can not seem to get this stickyfoundationfooter.js to work. Can you elaborate?
Thank you!
hey sorry for the silence. didn't realize I was getting comments until today when I wanted to use this thing again. The html to use this with is very similar to Ryan Fait's example. It's:
<body>
<div class="wrapper">
all of your html
<div class="push"></div>
</div>
<div class="footer>
<div class="row">
footer stuff
</div>
</div>
</body>
Instructions. Please