javascript - facebook风格的菜单实现

我正在尝试构建一个可在台式机/ipad/iphone/android 平板电脑等设备上运行的响应式网站。

我正在尝试在 facebook 风格的左侧菜单中添加 - 具有三行的菜单，当您单击菜单时滑入，然后内容被移动

我遇到的问题是我已经设置了

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

因此，当我滑入内容时，即使我将容器设置为 overflow hidden ，它也会扩展视口(viewport)。现在我知道我可以将菜单滑到内容上，但这不是客户想要的

我正在使用 css 转换来滑入菜单，这看起来比 jQuery 更流畅。

有没有人有类似的问题/可以建议解决这个问题的方法？

干杯

担

最佳答案

目前已经找到了

这也有一个有效的 jsfiddle 示例

关于javascript - facebook风格的菜单实现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18326508/