【问题标题】:facebook style menu implementationfacebook风格的菜单实现
【发布时间】:2013-08-21 23:59:59
【问题描述】:

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

我正在尝试添加 facebook 样式的左侧菜单 - 具有三行的菜单,当您单击菜单时会滑入,然后将内容移到上方

我遇到的问题是我设置了

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

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

我正在使用 css 过渡来滑入菜单,这似乎比 jQuery 更流畅。

有没有人遇到过类似的问题/可以提出解决办法吗?

干杯

【问题讨论】:

    标签: javascript css ipad menu responsive-design


    【解决方案1】:

    目前已经找到了这个

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

    这也有一个有效的 jsfiddle 示例

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-02-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-12-19
      • 2013-06-05
      相关资源
      最近更新 更多