facebook风格的菜单实现

时间:2013-08-20 03:29:25

标签: javascript css ipad menu responsive-design

我正在尝试整合一个适用于桌面/ ipad / iphone / Android平板电脑等的响应式网站。

我正在尝试添加facebook风格的左手菜单 - 一个有三行的单击菜单时滑入然后将内容移到

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

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

因此,当我在内容中滑动时,即使我将容器设置为隐藏溢出,它也会扩展视口。现在我知道我可以在内容上滑动菜单,但这不是客户想要的

我正在使用css过渡进行菜单的滑动,这看起来很流畅而不是jQuery。

有没有人有类似的问题/可以建议这样做吗?

欢呼声

1 个答案:

答案 0 :(得分:0)

到目前为止已经找到了这个

http://tech.xtremelabs.com/html5-facebook-style-sliding-menu-using-twitter-bootstrap-collapse/

这也有一个有效的jsfiddle示例