我有一个 div 大部分不在页面上,但在悬停时使用翻译来显示在主页上。
这是我的网站。
但是,在移动设备上,这并不是显示此 div 的最佳解决方案。悬停效果不好,我必须经常点击才能显示出来。我想知道是否可以像移动应用程序那样做,如果我将页面移动到足够的右边缘,这个内容将显示或带有一个按钮。像这样的东西:
关于这是否可能或如何解决这个问题的任何想法?
我有一个 div 大部分不在页面上,但在悬停时使用翻译来显示在主页上。
这是我的网站。
但是,在移动设备上,这并不是显示此 div 的最佳解决方案。悬停效果不好,我必须经常点击才能显示出来。我想知道是否可以像移动应用程序那样做,如果我将页面移动到足够的右边缘,这个内容将显示或带有一个按钮。像这样的东西:
关于这是否可能或如何解决这个问题的任何想法?
这种模式称为“Off Canvas 布局”。在http://jasonweaver.name/lab/offcanvas/记录(带有一些 CSS)
您可以查看多种实现,也许从 Zurb 的这个不错的演示开始:http ://www.zurb.com/playground/off-canvas-layouts
至于悬停的使用,最好在桌面和移动设备上点击/单击以保持一致性。如今,三栏式菜单按钮已广为人知。