移動頁面的滑動面板

Question

我有一個 div，它主要在頁面外，但在懸停時使用翻譯顯示在主頁上。

這是我的網站。

但是，在移動設備上，這不是顯示此 div 的最佳解決方案。 懸停效果不佳，我必須經常單擊才能顯示它。 我想知道是否有可能像移動應用程序那樣做，如果我將頁面移動到足夠的右邊緣，此內容將顯示或使用按鈕。 像這樣的東西：

關於這是否可能或如何解決這個問題的任何想法？

Answer 1

這種模式稱為“關閉畫布布局”。 在http://jasonweaver.name/lab/offcanvas/記錄（帶有一些 CSS）

您可以查看多種實現，也許可以從 Zurb 的這個不錯的演示開始： http ://www.zurb.com/playground/off-canvas-layouts

關於懸停的使用，您最好在桌面和移動設備上使用點擊/單擊以保持一致性。 3 條菜單按鈕如今已被普遍理解。