I’m planning to make a site with a complex navigation structure, e.g. lots of dropdowns with lots of buttons. I want a second navbar to slide in from the top as I scroll down. As I understand it, the best practice is to make an duplicate of the navbar and animate this down with a scroll interaction. I would really like to avoid making a duplicate of the navbar as this will double the amount of work when/if the menu structure is updated.
My idea was to make the navbar into a global object, thereby having just one menu structure to update, but it looks like its not possible to add interactions to a global object container. Anybody know of a workaround?
Edit: I suppose the easiest ting would be to set the position to fixed and not do any slide-in animation when scrolling down…