Sticky Container RSD Foundation -...

User 2088758 Photo


Senior Advisor
3,121 posts

Has anyone been able to figure out how to do this using RSD Foundation. I have been playing around for a while now and only see a couple predefined classes .sticky and .sticky-container.

I have made a row with a column and added one container with the class of sticky-container and made another container inside of it class sticky. I added some content to it but it is not sticking.

I have tried to apply this: http://foundation.zurb.com/sites/docs/sticky.html

No luck... anyone else? I basically want a row to become sticky once margin = 0

Thanks in advance.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 122279 Photo


Senior Advisor
14,650 posts
Online Now

Strange, I was just about to post something similar. ;)

I have been playing with this a bit now, and I have something working, but I'm not able to add the styles directly into RSD, if I try, it doesn't work. Also, I can't figure out where to apply the class is-stuck. So instead I'm stuck. ;)

Attached is my working file, in the rough. It's not finished, just a beginning. And what I found was, that below 652px width, the nav isn't sticky any more. Those Foundation building blocks aren't exactly made for mobile first either.

For what it's worth...
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2823310 Photo


Registered User
312 posts

I put one in the Button menu post
The steps for the sticky is at the bottom if you want to try that part?
User 122279 Photo


Senior Advisor
14,650 posts
Online Now

Yes, I saw that some time ago, right after you had posted it. I will probably try yours, although it would have been fun if I had been able to make one myself. ;)

Thanks for sharing anyway! :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.