將菜單從隱藏更改爲可見

-1

我試圖從此佈局http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/的滑動菜單默認顯示在網站上。事實上，我們的一些客戶可能不瞭解如何顯示菜單。我通常不使用JavaScript，但我認爲這是解決它的方法... 我試過了我能想到的所有東西，但我必須錯過一些東西。任何幫助將不勝感激！將菜單從隱藏更改爲可見

感謝

來源

2014-03-24 rubyroux

你試圖解決什麼問題？想要默認顯示菜單嗎？ – nightire

哪裏是「滑動菜單」有 – nils

我查了codrops

的例子看來，他們通過給容器left: 240px;財產

#container { 
    left: 240px; 
}

應該在頁面加載菜單可見顯示菜單。

或給容器.slideRight類，使插件功能保持不變，這意味着菜單仍然可關閉。

第一種解決方案意味着其固定在打開位置。

無論最適合你;）

來源

2014-03-24 17:09:04

嗨，我不能讓它與你的建議的工作，但我這樣做和滑動功能現在工作我怎麼想它： '.container { \t位置：相對的; \t ** left：240px; ** \t -webkit-transition：left 0.3s ease-in-out; \t -o-transition：左0.3s緩出; \t過渡：左0.3s緩出; } .slideRight { \t **左：0像素; ** }' 唯一的問題是，該鏈接現在還沒有工作！有人知道那裏可能有什麼問題嗎？再次，這裏是在過程[網站]（http://brdprinting.com/NewES/index.html）謝謝！ – rubyroux

我在您的網站上看到鏈接指向'Anchors'。＃哈希標籤。這是舊的本地瀏覽器功能，可將頁面滾動到具有該ID的元素。如果您希望鏈接轉到實際頁面，只需將頁面源代碼中的href屬性更改爲您要鏈接的任何頁面。 –

由於JavaScript是不是你的專長，我將削減解釋。這是最簡單的解決方案：該演示頁面使用<span>在點擊它時觸發側邊菜單，因此您可以在頁面加載完成時簡單地模擬點擊。

把這段代碼放在你的JS代碼的底部，確保它在加載頁面時運行，並將ID更改爲觸發器元素。

$('#tblcontents').trigger('click');

如果你不想碰JS代碼，添加slideRight類，並添加屬性data-open="true"你身邊菜單的容器，這會擦出火花。

來源

2014-03-24 17:10:19 nightire

感謝您的回答。我試圖添加JS代碼（到HTML），它似乎工作，除了你不能關閉菜單了，而非菜單鏈接工作...我不知道如果我寫錯誤的JS或如果我現在需要添加其他東西。這是進行中的網站：[link]（http://brdprinting.com/NewES/index.html） – rubyroux

將菜單從隱藏更改爲可見

回答

相關問題