div 的两侧可以有滚动条吗？ [复制]

我有一个包含很多列的表，因此我将其放在带有 Overflow:auto 的 div 内，从而启用水平滚动。滚动条位于 div 的底部。我的问题是：你可以有2个滚动条，一个在div的底部，另一个在div的顶部吗？如果是，你怎样才能实现这一目标？

您可以在这里找到答案： 表格顶部和底部的水平滚动条 https://stackoverflow.com/questions/3934271/horizontal-scrollbar-on-top-and-bottom-of-table

这是您需要的东西：http://jsfiddle.net/TBnqw/1/ http://jsfiddle.net/TBnqw/1/

这是代码：

HTML:

    <div class="wrapper1">
      <div class="div1"></div>
    </div>
    <div class="wrapper2">
      <div class="div2">
        <!-- Content Here -->
      </div>
    </div>

CSS:

    .wrapper1, .wrapper2 {
      width: 300px;
      overflow-x: scroll;
      overflow-y:hidden;
    }

    .wrapper1 {height: 20px; }
    .wrapper2 {height: 200px; }

    .div1 {
      width:1000px;
      height: 20px;
    }

    .div2 {
      width:1000px;
      height: 200px;
      background-color: #88FF88;
      overflow: auto;
    }

JS:

    $(function(){
      $(".wrapper1").scroll(function(){
        $(".wrapper2").scrollLeft($(".wrapper1").scrollLeft());
      });
      $(".wrapper2").scroll(function(){
        $(".wrapper1").scrollLeft($(".wrapper2").scrollLeft());
      });
    });