Javascript 在移动视图中将所有内容向右移动

如何将所有内容向右移动，以便为左侧的菜单腾出空间？我想做的是有一个类似于移动视图上的菜单。你可以调整窗口的大小，看看我在说什么。 多谢各位

---

Marius

一种方法是将您的内容包装在主div中，然后应用css3转换

例如：

<div id="contentWrap"> ... content ... </div>

---

现在，您可以通过删除“#contentWrap”div中的“.open”类或将其添加到“#contentWrap”div中来绑定在内容中移入/移出的元素上的单击处理程序

尝试使用该类设置菜单动画并推送内容

我们如何可能提供帮助？你使用框架吗？你知道响应式设计吗？媒体查询？我当然知道。我使用bootstrap，所有的编程都是在jquery（集成1.11.1）中完成的，所以我要做的就是这个？以我的mashable.com为例，我应该将80%替换为50%，就这样？这和两行Jquery？当然，你也必须在页面上有你的菜单，或者：让它以与内容相同的方式移动（使用包装div和css转换），或者使用z-index将它放在内容后面，只移动内容div。我将使用z-index。非常感谢你！

#contentWrap{
    position: absolute;
    top:0;
    width:100%;
    height:100%;
    transition: all 0.4s ease-out;
    transform: translate(0%, 0);
}

#contentWrap.open{
    transform: translate(80%, 0);
}