使用 Foundation 将侧边菜单切换为 off-canvas/top-menu
Switching a side menu to off-canvas/top-menu with Foundation
我正在尝试使用 Foundation 5 获得类似 this 的结果。
我希望顶部栏和侧面菜单的行为与该模板中的完全一样。带有图标和文本的侧面菜单。
我可以使用 "show-for-large-up" class 作为文本，所以它隐藏在媒体中，只留下图标。但问题在于侧边菜单会在小屏幕上切换到画布外菜单并成为顶部菜单的一部分。我发现这很难实现。
您可以将内容复制到侧面菜单和顶部栏上，并在侧面菜单上设置 show-for-large-up，在顶部菜单上设置 hide-for-large-up。
另一种选择是使用 JavaScript / jQuery
将元素从侧栏动态附加到顶部栏
我正在尝试使用 Foundation 5 获得类似 this 的结果。
我希望顶部栏和侧面菜单的行为与该模板中的完全一样。带有图标和文本的侧面菜单。
我可以使用 "show-for-large-up" class 作为文本，所以它隐藏在媒体中，只留下图标。但问题在于侧边菜单会在小屏幕上切换到画布外菜单并成为顶部菜单的一部分。我发现这很难实现。
您可以将内容复制到侧面菜单和顶部栏上，并在侧面菜单上设置 show-for-large-up，在顶部菜单上设置 hide-for-large-up。
另一种选择是使用 JavaScript / jQuery
将元素从侧栏动态附加到顶部栏