移动页面的滑动面板

Question

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

这是我的网站。

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

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

Answer 1

这种模式称为“关闭画布布局”。 在http://jasonweaver.name/lab/offcanvas/记录（带有一些 CSS）

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

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