在div上设置滚动速率

Question

我有几百项的引导程序列表组（带有angularjs）。该列表设置为可滚动（不希望有一个巨大的页面）。但是，如果单击或使用滚轮，它将移动一小部分项目。

如何设置滚动速率，使其一次按项目移动（移动40px - 项目div的高度）。我怀疑我使用了错误的控件......

css：

.list{
   max-height: 200px;
   overflow:scroll;
}

HTML：

 <div class="form-inline list" style="">

     <div class="list-group  " >
          <a  class="list-group-item " ng-repeat="thing in things">
              <div style="height:50px;"> Some tall stuff</div>
          </a>
      </div>
   </div>