为响应式网站jquery滑动垂直导航菜单

时间:2011-11-17 21:39:07

标签: jquery menu navigation

有没有人在jquery中看到一个完整的垂直页面导航菜单,直到用户用他们的食指从左到右拉动页面以显示导航?我已经看到很多移动应用程序都这样做了(适用于iPhone的Gmail,适用于iphone的facebook,适用于ipad的邮件),但我认为将这种相同的体验扩展到我正在构建的网站的“响应式”设计会很棒当根据移动设备大小减少resoltuion时,用户可以与更多移动应用程序正在趋向的菜单进行交互。

此外,这个想法还可以扩展到“菜单”按钮方法,当按下它时会显示隐藏的导航,但用户可以简单地向右拉页面以显示导航。这是一个来自新gmail移动应用谷歌的屏幕,谷歌即将发布。

enter image description here

1 个答案:

答案 0 :(得分:0)

设计需要广泛使用“列表元素”。您需要使用 HTML5 进行设计并使用 CSS3 。检查您需要在降低屏幕分辨率时触发的媒体查询