我们已经使用了 Foundation 5,并希望使用粘性导航 Magellan。它在这里实现:http: //www.whoi.edu/prototype/banner.html
在页面顶部,下拉悬停效果很好。用户可以将鼠标悬停在顶部导航上,megamenu 出现并且用户可以单击其中的任何内容。但是,如果用户向下滚动页面,然后尝试将鼠标悬停在导航上,则下拉菜单会起作用,但是一旦用户将鼠标悬停在 megamenu 上,它就会消失。它似乎离开了页面的顶部。
我试过添加:
$(document).foundation('magellan-expedition', 'reflow');
和:
$(document).foundation('dropdown', 'reflow');
我认为这可能是 z-index 问题或与页面有关的其他问题,但这个问题似乎发生在 Foundation 框之外。
一旦用户滚动,关于如何将 megamenu 与导航粘贴在一起的任何想法?