向左切换菜单，就像在facebook中
向左切换菜单，就像在facebook中
提问于 2013-07-21 07:25:05
我相信每个人都会看到facebook的移动应用程序。也在许多平面UI模式网站。
我想做一个这样的左菜单。
THis就是我现在所做的。
- 最初隐藏菜单(
display:none) - 单击菜单按钮。显示左菜单(
toogle)，并使用javascript (style,maregin-left:100px;)增加主要内容的左边距。
这很好，但我只想知道，这是最好的做法吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-07-21 09:05:20
您所做的是好的，但是对于最佳实践，我将使用css3转换来翻译如下内容
.menu{ -webkit-transform:translateX(-200px)在那里您可以使用jquery中的toggleClass(“活动”)
.menu.active{-webkit-transfrom:translateX(0)}希望能帮上忙！
Stack Overflow用户
发布于 2013-07-21 07:38:35
这种设计模式被称为“离开画布”布局。
根据内容的性质，您可能不希望将其隐藏在大屏幕上，这取决于您的需求。
这里有一个很好的例子说明了我的意思：http://jasonweaver.name/lab/offcanvas/
导航在全屏上可见，隐藏在较小的移动视图上。
Stack Overflow用户
发布于 2013-07-21 07:31:09
是的，这是一种非常好的方法，而且它应该是响应性的，因为它只占用了100 up的宽度。如果它是一个全屏水平下拉菜单，那么你必须确保它的内容是响应的，但是一个100 on宽的垂直菜单在任何分辨率上都会很好(特别是如果用户可以选择打开或关闭它)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17770033
复制相关文章
相似问题
腾讯云开发者
