2013-04-03 100 views
0

我有一个div,它主要是关闭页面,但使用悬停上的翻译显示在主页面上。移动页面的滑动页面

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

然而,在移动设备上,这是不显示这个div的最佳解决方案。悬停效果不佳,我必须经常点击才能显示出来。我想知道是否有可能像移动应用程序那样执行此操作,如果我将页面移动到正确的边缘,该内容将显示或使用按钮。事情是这样的:

enter image description here

上,如果这是可能的,或者你怎么ID解决这个问题有什么想法?

回答

2

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

有多种实现方式,你可以看看,也许从Zurb这个漂亮的演示开始:http://www.zurb.com/playground/off-canvas-layouts

至于使用徘徊的,你最好使用点击/点击桌面和移动设备以保持一致性。 3-bar menu button这些日子是相当普遍理解。

+0

谢谢我会研究这一点。我喜欢3杆菜单的外观。我会看看我是否可以实现:/ – Batman 2013-04-03 23:33:00