css - 页面底部的画布外菜单（Foundation 6）

Question

我正在尝试在基础中制作一个非画布菜单。我希望它从页面底部出现，而不是从右侧或左侧。我只希望菜单是水平的而不是垂直的，并且从底部进入，而不是从侧面进入。有知道Foundation 6的人知道怎么做吗？谢谢你！

Answer 1

Foundation 不会自动执行此操作。如果你想要屏幕底部的菜单，一个很好的非 flexbox 方法是将它设置为 absolute 或 sticky with bottom: 0; 但是，由于画布外的工作方式，它是包裹在页面的整个高度，内容从顶部开始。

您很可能想考虑以 ZURB 基金会的画布外方式推送现有内容的重要性。如果这不是关键，您可以通过使用显示/模式模式并对其进行自定义来更轻松地复制此行为。

现在有一种趋势是全屏移动导航，看起来像全屏的深色模式。您可能会将其视为一种选择。