2016-11-01 90 views
0

我發現這個半頁滑動菜單,我認爲它很酷。但我注意到菜單的一部分隱藏在主體後面。因爲我還是一個初學者,所以我希望你能幫我弄清楚這裏有什麼問題。滑動菜單身體不會摺疊

我希望看到它發生,所以當菜單滑動打開時,兩個部分出現,左邊是realy菜單部分,右邊是adres部分。 但如果屏幕心不是足夠寬的菜單部分坍塌,砸在頂部和ADRES部分轉到底部..

我覺得它有什麼做的:

<div class="cd-half-block"> 

.cd-half-block { 
    width: 50%; 
    float: left; 
} 

,但我不能算出它出來了!請幫助我..

I placed it on JSfiddle

+0

您是否試圖通過將z-index設置爲999來進行修補? –

回答

0

jsfiddle

  1. 附加jQuery的CDN
  2. 改變這個CSS:

.navigation-is-open main { 
 
    -webkit-transform: translateX(-100%); 
 
    -ms-transform: translateX(-100%); 
 
    transform: translateX(-100%); 
 
}

+0

那不是我正在尋找的。 JSfiddle尚未設置爲Jquery。對不起。當菜單「工作」時會發生問題。那麼你只會看到adres部分。但是如果你看看代碼,你會看到有一個「菜單」部分。但是,這是卡在主體 – SanderS

+0

@SanderS你的意思是當我們點擊切換黑色部分? –

+0

@SanderS請檢查更新的答案。 –