从页面底部开始的画布菜单（基础6）

Question

我正试图在粉底上制作一个非画布菜单。我希望它从页面底部出现，而不是向右或向左。我只是希望菜单是水平的而不是垂直的，并且从底部进入，而不是从侧面进入。知道基金会6的人是否知道如何做到这一点？谢谢！

Answer 1

基金会不会自动执行此操作。如果你想要屏幕底部的菜单，一个很好的非flexbox方式是将它设置为绝对或粘性的底部：0;但是，由于off canvas的工作方式，它是包装的页面的完整高度，内容从顶部开始。

最有可能的是，您可能想要考虑以ZURB Foundation的画布方式推送现有内容的重要性。如果这不重要，您可以通过使用显示/模态模式并自定义它来更轻松地复制此行为。

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