带有y溢出的div：在页脚后滚动创建空白

Question

我有一个包装器div，其中包含其他几个div，如下所示：

<div id="features" class="collapse">
   <div class="container-fluid">
      <div class="row">
          //four divs inside
      </div>
      <div class="row">
          //four divs inside
      </div>
   </div>

行内的div有时在其中包含太多数据：

所以我用了overflow-y：自动创建滚动条：

<div class="col-sm-3">
    <div class="scrollbar scrollbarCustomSol">
       //logic to loop through the information here          
    </div>
<div>

这是类滚动条：

.scrollbar {
    margin-left: 30px;
    padding: 10px;
    float: left;
    height: 300px;
    overflow-y: auto;
    margin-bottom: 25px;
    min-width: 230px;
}

当我单击一个按钮时，将显示wrapper div，并且一切正常。但这会在我的页脚后面产生空白：

我该如何解决？我正在使用bootstrap 3 btw。