javascript - 移动页面的滑动面板

Question

我有一个 div，它大部分位于页面之外，但在悬停时使用翻译显示在主页上。

这是我的 site .

但是，在移动设备上，这不是显示此 div 的最佳解决方案。悬停效果不佳，我必须经常单击才能显示出来。我想知道是否有可能像移动应用程序那样做，如果我将页面移动到足够的右边缘，该内容将显示或带有一个按钮。像这样:

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

Answer 1

此模式称为“Off Canvas 布局”。在 http://jasonweaver.name/lab/offcanvas/ 记录(使用一些 CSS)

您可以查看多种实现，或许可以从 Zurb 的这个不错的演示开始:http://www.zurb.com/playground/off-canvas-layouts

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