javascript - jQuery:明智地滚动div部分

Question

我在页面顶部有一个错误面板，我想控制它的滚动。
如果可能的话，我怎样才能逐节滚动它？
因此，当用户垂直滚动时，错误面板应该将一个部分移动到另一个部分。
这是我的fiddle . 面板代码是

<div class="panel-group" id="errors">
        <div class="panel panel-danger">
          <div class="panel-heading">
            <h4 class="panel-title">
              <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                Error(s)
              </a>
            </h4>
          </div>
          <div id="collapseOne" class="panel-collapse collapse" style="height: 0px;">
            <div class="panel-body">
                <table class="table table-bordered">
                    <thead>
                        <tr class="active">
                            <th>Error Message</th>
                            <th>Error Code</th>
                            <th>Results</th>
                        </tr>
                    </thead>
                </table>              
            </div>
          </div>
        </div>
      </div>

Answer 1

您只需要在部分 div 周围包裹一个滚动容器。这是一个 fiddle :http://jsfiddle.net/wmk4Q/

.scroller {
    height: 150px;
    overflow-y: auto;
}