jquery 响应式网站的滑动垂直导航菜单
有没有人见过 jquery 中的完整垂直页面导航菜单，该菜单是隐藏的，直到用户用食指从左到右拉动页面才能显示导航？我见过很多移动应用程序都这样做（iPhone 的 Gmail、iPhone 的 facebook、ipad 的邮件），但我认为将相同的体验扩展到我正在构建的网站的“响应式”设计中会很棒。当分辨率根据移动设备尺寸降低时，用户可以与菜单进行交互，就像现在更多移动应用程序的趋势一样。
此外，这个想法还可以扩展到“菜单”按钮方法，按下时会显示隐藏的导航，但用户只需将页面拉到右侧即可显示导航。这是谷歌最近发布的新gmail移动应用程序的屏幕。
Has anyone seen a full vertical page navigation menu in jquery that is hidden until the user pulls on the page with their index finger from left to right to reveal the navigation? I've seen a lot of mobile applications do this (Gmail for iPhone, facebook for iphone, mail for ipad) but I thought it would be great to extend this same experience to a "responsive" design for a site I'm building so when the resoltuion is reduced based on the mobile size, the user could interact with the menu like more mobile apps are trending towards now.
Also, the idea could also extend to the "menu" button approach, when pressed it would reveal the hidden navigation, but the user could simply pull the page to the right to reveal the navigation as well. Here's a screen from the new gmail mobile app google relesently released.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
该设计需要大量使用“列表元素”。您需要使用 HTML5 进行设计并使用 CSS3。检查屏幕分辨率降低时需要触发的媒体查询。
The Design needs extensive use of 'List elements'. You would need to design in HTML5 and use CSS3. Check for Media Queries that you'll need to trigger on Decrease in Screen resolution.