我正在使用 Zurb Foundation UI 框架构建一个站点,我想知道如何使用顶级导航链接,以便它们适用于桌面和移动访问者。
编辑:这是一个例子: http: //meowzen.com/zurb-nav/
第 1 部分 <-- 应该将访问者带到“部分”页面
--Sub-Section 1 <-- 应该将访问者带到“子部分”页面
--第 2 小节 <--同上
- ETC
在上面链接的示例中,您会注意到所有链接在大屏幕上都按预期工作。但是,当响应式导航启动时(通过调整窗口大小或在移动设备上查看页面),不再可以通过菜单访问“部分”页面。
有没有人遇到过这个问题?你对如何去做这件事有什么建议吗?
提前谢谢了!
编辑:这是我目前的一些选择:
选项 1:仅显示移动导航的顶级“部分” - 这是一个示例:投影。皮克斯 com 。<-我倾向于这个!
选项 2:使部分名称可链接 - 我相信这是可能的,因为这里有一个工作示例:emerilsrestaurants。com 。
选项 3:在子部分级别为部分页面插入一个虚拟菜单项。