Jasny Bootstrap-offcanvas避免推送主页:如何强制菜单重叠

Question

我正在Prestashop上使用Jasny Bootstrap的offcanvas.js。

我的画布外菜单，一旦单击按钮，就会按下左侧的主页面，然后从左侧进入幻灯片。

我想实现这一点：

单击该按钮后，主页不应移动offcanvas应该从左边滑动（就像现在一样），但是，与其推动它，不如与主页重叠。。。

我应该更改offcanvas.js的哪一部分？

Answer 1

听起来您使用的是"push"而不是"slide"选项。使用类"offcanvas"，它应该可以工作。查看以下示例：http://www.jasny.net/bootstrap/examples/navmenu/

我想要所有视图都使用幻灯片，所以我只使用了"offcanvas"类，而不是您在幻灯片源代码中看到的"offcanvassm"，例如：

    <div class="navmenu navmenu-default navmenu-fixed-left offcanvas-sm">
  <a class="navmenu-brand visible-md visible-lg" href="#">Project name</a>
  <ul class="nav navmenu-nav">
    <li class="active"><a href="./">Slide in</a></li>
    <li><a href="../navmenu-push/">Push</a></li>
    <li><a href="../navmenu-reveal/">Reveal</a></li>
    <li><a href="../navbar-offcanvas/">Off canvas navbar</a></li>
  </ul>
  <ul class="nav navmenu-nav">
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <ul class="dropdown-menu navmenu-nav">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li class="dropdown-header">Nav header</li>
        <li><a href="#">Separated link</a></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  </ul>
</div>
<div class="navbar navbar-default navbar-fixed-top hidden-md hidden-lg">
  <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navmenu">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="#">Project name</a>
</div>

Answer 2

我评论了第155行：

//$('body').css(prop, padding)

第187行：

//$(this).css(placement, 0)

并将所有CCD_ 1替换为类别CCD_。。。

尝试一下就成功了！