语义UI -侧边栏切换总是返回页面顶部

Question

我已经创建了带有语义ui的边栏，但是当我向下滚动页面并切换边栏时，我的页面总是返回到顶部。只是为了清楚，我有位置:固定导航按钮切换侧边栏，所以我需要页面停留在同一地方，当我切换侧边栏上。

HTML

<div class="ui left vertical menu sidebar slide along">
<h3 class="sidebar-heading">Menu</h3>
<a class="item">
  SIDEBAR ITEM
  <i class="fa fa-long-arrow-right pull-right"></i>
</a>
<a class="item">
  SIDEBAR ITEM
  <i class="fa fa-long-arrow-right pull-right"></i>
</a>
<a class="item">
  SIDEBAR ITEM
  <i class="fa fa-long-arrow-right pull-right"></i>
</a>
<a class="item">
  SIDEBAR ITEM
  <i class="fa fa-long-arrow-right pull-right"></i>
</a>
<a class="item">
  SIDEBAR ITEM
  <i class="fa fa-long-arrow-right pull-right"></i>
</a>

<div class="pusher">
   <a href="#" class="menu-trigger"></a>
</div><!-- ENd of pusher -->

JS

$('.menu-trigger').click(function() {
    $('.ui.sidebar').sidebar('toggle');
});

Answer 1

简短回答:

.pusher { min-height: 100% !important; height: 100% !important }