off-canvas-menu

0熱度

2回答

第二引導jasny offcanvas按菜單使用引導Jasny offcanvas推導航喜歡這裏

I'm：http://www.jasny.net/bootstrap/examples/navmenu-push/ 現在，我倒是希望有一個額外的offcanvas導航，但我不知道如何去了解它因爲我沒有JS知識。我只管理創建第二個導航並添加第二個打開/關閉第二個導航的切換按鈕。但是，它在開放時不會關閉第一個（反之亦然）。理想情況下，它首先完全關閉第一個導航，然後打開第二個導航。任何幫助，將不勝感

0熱度

2回答

Foundation 6 Off Canvas，我應該在哪裏放置菜單內容？

我下面基金會6文檔創建關帆布菜單：http://foundation.zurb.com/sites/docs/off-canvas.html 這裏是我做過什麼： <body> <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>

1熱度

1回答

定位上一個兄弟元素CSS

我正在使用關閉畫布菜單，我一直試圖正確工作。爲了讓我的固定菜單和非畫布可以很好地播放，我不得不將我的標題從畫布內部包裝中取出，但現在當菜單打開時，我的標題不會移過來。當關閉畫布打開時，它將.is-open-right應用於內部包裝器，然後將CSS應用於它。我試圖將這行CSS添加到我的頭只有當.is右開放類被添加到我的包裝。 -webkit-transform: translateX(-450p

0熱度

1回答

將內容推到左邊以顯示刪除按鈕

我該如何去做這件事; 這是我目前的WIP： https://jsfiddle.net/Lg0wyt9u/967/ <li> <div class='type'><i class='fa fa-arrow-circle-right'>I</i></div> <div class='details'> <div class='date'>date</div>

2熱度

1回答

Zurb基金會6非畫布導航不適用於Android互聯網瀏覽器

菜單圖標不會切換關閉畫布菜單。點擊後，它會像往常一樣更改內容部分的不透明度，但不會滑動以顯示菜單。我的導航適用於所有瀏覽器上我的電腦和Mac，iPhone和Chrome上我的android三星S4，但不是它的股票「互聯網」瀏覽器（三星瀏覽器2.1）而這很奇怪，因爲我剛剛創建了另一個網站一個類似的基金會5非帆布菜單，工作正常。有沒有其他人經歷過這個？這是一個WordPress的網站。我的head

0熱度

1回答

如何在沒有故事板的情況下快速創建滑動導航菜單（畫布外菜單）？

我想在不使用故事板的情況下快速創建一個非帆布菜單。有很多例子用於創建菜單，但都使用故事板。即使以編程方式創建它也適合我。我想創建幻燈片導航使用XIB文件而不是故事板。任何幫助表示讚賞，謝謝！

3熱度

2回答

基金會6關帆布菜單自動關閉後單擊

我一直在尋找如何自動關閉關閉帆布菜單一些菜單項被點擊，但似乎沒有任何工作了。所以我跟着就如何使在基金會6文檔關閉帆布菜單指南和它的作品。這部分是好的。現在，當我點擊某個鏈接菜單時，就停留在那裏，我希望它關閉。有誰知道如何解決這個問題。我發現片斷應該做的伎倆，但我的菜單顯示停止後，我APPY這個JS。其他人報告了同樣的問題。 $(document).foundation({ offca

1熱度

1回答

完整的畫布外菜單

我試圖製作一個非畫布菜單，但遇到了問題。只有兩個第一個菜單鏈接顯示灰黑色背景，但我希望所有菜單鏈接都有。剩餘的5個菜單鏈接確實在菜單內（如您懸停在鏈接上時所看到的那樣），但它們具有透明背景。我把HTML和CSS代碼成的jsfiddle：附：該代碼似乎是對的jsfiddle做工精細，但在我的網站是不... /*===== SLIDE MENU ======*/ /*--------

0熱度

2回答

基金會6 offcanvas切換跳轉到頂部

早上好，我不知道是否有辦法阻止基金會6的跳轉到頁面頂部的畫布外。我注意到這種行爲也出現在official F6 documentation

0熱度

1回答

更改菜單的寬度

我對這個網站很陌生，我對編碼很陌生。我試圖製作一個非帆布菜單，但遇到了三個小問題。首先，如何在擴展菜單時更改菜單的寬度？其次，我如何讓三個內襯菜單按鈕位於屏幕的右側而不是左側？第三，如何將子菜單添加到懸停在其上的可展開的畫布外菜單？我把HTML和CSS代碼成的jsfiddle： /*===== SLIDE MENU ======*/ /*---------- HIDE SELECT