Javascript 向下滚动时，Twitter bootstrap 3附加的侧栏菜单不会显示为完全

当无法显示向下滚动的完整菜单时，我的侧边栏菜单出现问题。添加z-index仍然面临问题示例：我添加z-index:1，然后页脚重叠

下面我粘贴了代码

CSS

$('#sidebar').affix({
    offset: {
      top: $('header').height()
    }
}); 

navbar-form input, .form-inline input {
    width:auto;
}

header {
    height:10px;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
      position: static;
      margin-top:25px;
      width:228px;
    }

    #sidebar.affix {
      position: fixed;
      top:25px;
      width:228px;z-index:1

    }
}

.affix,.affix-top {
    position:static;
}

---

使用z-index向侧边栏添加优先级

#sidebar.affix {
  z-index: 1;
}

---

它不起作用。我重复了3次菜单，但只显示了2次

#sidebar.affix {
  z-index: 1;
}