2016-11-01 88 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请检查更新的答案。 –