html - 左切换菜单，就像在 facebook 中一样

Question

相信大家都看过了，facebook手机app。也出现在许多扁平化 UI 模式的网站中。

我想做一个这样的左菜单。

这就是我现在所做的。

1. 最初隐藏菜单(display:none)
2. 点击菜单按钮。显示左侧菜单 (toogle)，并使用 javascript (style,maregin-left:100px;) 增加主要内容的左边距

这工作正常，但我只是想知道，这是最佳做法吗，这是否会响应？

Answer 1

设计模式被称为“ Canvas 外”布局。

根据内容的性质，您可能不希望将其隐藏在大屏幕上，这取决于您的要求。

这里有一个很好的例子:http://jasonweaver.name/lab/offcanvas/

导航在全屏上可见，在较小的移动视口(viewport)上隐藏。