2011-11-17 72 views
0

有没有人看到一个完整的垂直页面导航菜单在jQuery中是隐藏的,直到用户从他们的食指从左到右拉动页面显示导航?我见过很多移动应用程序都这样做(Gmail for iPhone,facebook for iphone,ipad邮件),但我认为将这种相同的体验延伸到我正在构建的站点的“响应式”设计会很好当根据手机大小降低分辨率时,用户可以像更多的移动应用趋向现在一样与菜单进行交互。此外,这个想法也可以扩展到“菜单”按钮的方法,当按下时它会显示隐藏的导航,但用户可以简单地将页面拉到右侧以显示导航。这是来自新发布的gmail移动应用谷歌的屏幕。为响应式网站滑动垂直导航菜单jquery

enter image description here

+0

我已经使用这个 - http://web-kreation.com/all/nice-clean-sliding-login-panel-built-with-jquery/ - 它从顶部 - 但你可以适应它运行侧面 - 而且您需要更新CSS以使内容滑动(其全部记录在页面上) – ManseUK

回答

0

设计需要大量使用 'List元素' 的。您需要设计HTML5并使用CSS3。检查媒体查询,您需要触发屏幕分辨率下降。