Menu icon Foundation
Creating custom offset menu

My client wants to create a offset menu that remains partially visible and also has a sticky property, much like the one seen on the right hand side of http://iark.no/en/. Is there a responsible way of going about this in F6? Just looking for a good starting point that will allow the least amount of broken rules. Thanks for any insight.

foundation 6jqueryoffsetsticky

My client wants to create a offset menu that remains partially visible and also has a sticky property, much like the one seen on the right hand side of http://iark.no/en/. Is there a responsible way of going about this in F6? Just looking for a good starting point that will allow the least amount of broken rules. Thanks for any insight.

Jay Thatcher over 3 years ago

I'm interested in something similar as well, but the behavior of this example is a little odd, how it's at the top, then after you trigger it, it jumps down lower on the screen (at least on Chrome/Mac).

I'm hoping to create navigation similar to the left side of https://almsaeedstudio.com/preview. It's pretty smooth. A friend of mine created a nice trimmed down variation of it in Bootstrap. It's 10,000+ lines of CSS in multiple files. Instead of starting here and trimming back, I'm going to try to start lean and add-in. Zurb has similar navigation here: http://zurb.com/library

Suggestion: Zurbians, mind showing us the basics to this train of thought in your http://zurb.com/university/lessons ?

PJLDesign over 3 years ago

I think that behavior (on iark) is a coding oversight. The programmer should have declared display:none in the css and only displayed it in js after it's final position is determined on the screen... Your example is pretty close, considering how abstract mine is. I'm simultaneously trying to build it in Semantic UI, but I think F6 will get me closer. Any suggestions are welcome.