向Foundation中的粘性顶部导航栏添加偏移量

时间:2013-07-01 19:49:05

标签: navigation zurb-foundation sticky

我正在使用Zurb Foundation 4,我需要使用topbar导航。但是,我有两个导航栏,一个是黑色,并且是100%的屏幕宽度。这个很简单,有两个链接和一个搜索表单。这个应该修复。

第二个是白色最大宽度为980px宽度并包含3-4个级别。中间有一个标头。

我需要两者崩溃。

我想要做的是让第二个(主要)导航栏变粘,但我不想粘贴到浏览器窗口的顶部,而是要给它一个偏移量,以便它“粘住”在黑色条下方。

我可以在bootstrap中执行此操作,但我无法弄清楚如何在基础中执行此操作。

另一种选择是在折叠时使用单个黑色导航栏。

我可以使用CSS,但由于主导航非常大,我不想让它下载两次。我尝试了appendAround.js但它在顶部栏中不起作用。

有什么想法吗?

提前致谢!

0 个答案:

没有答案