javascript - 移动页面的滑动面板

Question

我有一个 div 大部分不在页面上，但在悬停时使用翻译来显示在主页上。

这是我的网站。

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

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

Answer 1

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

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

至于悬停的使用，最好在桌面和移动设备上点击/单击以保持一致性。如今，三栏式菜单按钮已广为人知。