Добавить смещение к липкой верхней панели навигации в Foundation

Я использую Zurb Foundation 4, и мне нужно использовать навигацию на верхней панели. Однако у меня есть две панели навигации, одна черная и занимает 100% ширины экрана. Этот простой с двумя ссылками и формой поиска. Это должно быть исправлено.

Второй белый имеет максимальную ширину 980 пикселей и содержит 3-4 уровня. Между ними находится мачта.

Мне нужно, чтобы оба рухнули.

Что я хочу сделать, так это сделать вторую (основную) панель навигации липкой, но вместо того, чтобы прилипать к верхней части окна браузера, я хочу дать ей смещение, чтобы она «прилипала» под черной полосой.

Я могу сделать это в начальной загрузке, но я не могу понять, как это сделать в основе.

Другая альтернатива — иметь одну черную панель навигации в свернутом состоянии.

Я мог бы сделать это с помощью CSS, но, поскольку основная навигация довольно большая, я не хочу загружать ее дважды. Я пробовал appendAround.js, но он не работает в верхней панели.

Есть идеи?

Заранее спасибо!


person RioBrewster    schedule 01.07.2013    source источник
comment
Я считаю, что именно поэтому я не могу заставить его работать: _http://stackoverflow.com/questions/15488813/a-sticky-top-bar-makes-the-page-jump-up-when-scrolling-past- это-с-zurb-foundat?rq=1   -  person RioBrewster    schedule 02.07.2013