2013-04-03 103 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