当mmenu打开时，MMenu按钮跳起来

Question

现在玩mmenu插件一段时间了，似乎无法克服这个特殊的bug。所以我的侧边栏上有mmenu插件。在加载时，菜单关闭，可以使用垂直放置在容器中间的按钮打开/关闭。当你打开菜单一切都很好。当您滚动到页面底部并从那里打开菜单时，按钮会跳起来。

按钮如下：

<nav id="desktop-button" class="pull-out hidden-xs hidden-sm fixed navbar-fixed-top">
    <div class="sidebar--pullout">
        <div class="inner">
             <a class="sidebar--pullout-anchor">Menu</a>
         </div>
      </div>
</nav>

造型：

.pull-out {
    background-color: #333;
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    right: auto;
    left: -2px;
    z-index: 100;
    width: 30px;
}
.sidebar--pullout {
    background-color: #333;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 6px 0;
    box-shadow: 3px 0 2px #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    box-shadow: 3px 0 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 0 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 3px 0 1px rgba(0, 0, 0, 0.2);
}
.inner {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -10px;
}
.sidebar--pullout-anchor {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform-origin: 50% 50%;
    position: relative;
    top: 50vh;
    bottom: 50vh;
}

任何帮助都将受到高度赞赏。