用于移动页面的滑动面板

Question

我有一个div，主要是在页面外但在悬停时使用翻译显示在主页面上。

这是我的网站：http://www3.carleton.ca/clubs/sissa/html5/

但是，在移动设备上，这不是显示此div的最佳解决方案。哈弗不能很好地工作，我必须经常点击才能显示它。我想知道是否有可能像移动应用程序那样做，如果我将页面移动到足够的边缘，此内容将显示或使用按钮。像这样：

关于这是否可能或如何解决这个问题的任何想法？

Answer 1

此模式称为“Off Canvas layout”。在http://jasonweaver.name/lab/offcanvas/

记录（带有一些CSS）

您可以查看多个实现，也许从Zurb的这个漂亮的演示开始：http://www.zurb.com/playground/off-canvas-layouts

关于悬停的使用，最好在桌面和移动设备上使用点击/点击以保持一致性。 3-bar menu button目前已被普遍理解。