滑动菜单身体不会崩溃

时间:2016-11-01 11:31:54

标签: javascript jquery html css3

我发现这个半页滑动菜单,我觉得它很酷。但我注意到菜单的一部分隐藏在主体后面。因为我还是初学者,所以我希望你能帮我弄清楚这里有什么问题。

我希望看到它发生,当菜单滑开时,两个部分出现,左边是真正的菜单部分,右边是adres部分。 但如果屏幕不够宽,则菜单部分会在顶部折叠,而adres部分会在底部折叠。

我认为它与以下内容有关:

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

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

但我无法弄明白!请帮助我..

I placed it on JSfiddle

1 个答案:

答案 0 :(得分:0)

jsfiddle

  1. 添加jquery cdn
    1. 更改此css:
  2. &#13;
    &#13;
    .navigation-is-open main {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    &#13;
    &#13;
    &#13;