0

我正在使用 Zurb Foundation UI 框架构建一个站点,我想知道如何使用顶级导航链接,以便它们适用于桌面和移动访问者。

编辑:这是一个例子: http: //meowzen.com/zurb-nav/

第 1 部分 <-- 应该将访问者带到“部分”页面

--Sub-Section 1 <-- 应该将访问者带到“子部分”页面

--第 2 小节 <--同上

- ETC

在上面链接的示例中,您会注意到所有链接在大屏幕上都按预期工作。但是,当响应式导航启动时(通过调整窗口大小或在移动设备上查看页面),不再可以通过菜单访问“部分”页面。

有没有人遇到过这个问题?你对如何去做这件事有什么建议吗?

提前谢谢了!

编辑:这是我目前的一些选择:

选项 1:仅显示移动导航的顶级“部分” - 这是一个示例:投影。皮克斯 com 。<-我倾向于这个!

选项 2:使部分名称可链接 - 我相信这是可能的,因为这里有一个工作示例:emerilsrestaurants。com 。

选项 3:在子部分级别为部分页面插入一个虚拟菜单项。

4

1 回答 1

0

在上面链接的示例中,您会注意到所有链接在大屏幕上都按预期工作。但是,当响应式导航启动时(通过调整窗口大小或在移动设备上查看页面),不再可以通过菜单访问“部分”页面。

我不确定我是否正确理解您,但您的示例按预期工作。对于较小的视口(“移动”视图),菜单隐藏在下拉组件中。下拉菜单后,子菜单项仍可在单击时导航。

在此处输入图像描述

于 2013-02-05T17:51:49.147 回答