我有此代码用于文件比较:http://jsfiddle.net/CrN6X/

现在它满足了我的需求:

  • 一个仅垂直滚动的大div
  • 两个较小的潜水,仅水平滚动

  • 这样,我可以轻松比较文件,但是有一个问题:只有向下滚动时,才能访问底部的滚动条。

    如何使它们 float 或将滚动条移动到始终可见的另一个div,这样我就不需要一直向下滚动另一个div到底部来访问它们?

    最佳答案

    您真正需要的是javascript,但是我添加了html,以便您可以实际使用它。

    $("#div1").scroll(function () {
      $("#div2").scrollTop($("#div1").scrollTop());
      $("#div2").scrollLeft($("#div1").scrollLeft());
    });
    $("#div2").scroll(function () {
      $("#div1").scrollTop($("#div2").scrollTop());
      $("#div1").scrollLeft($("#div2").scrollLeft());
    });
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    
    <div id="div1" style="float:left;overflow:auto;height:100px;width:200px;">
      <p>lulz</p>
      <p>lulz</p>
      <p>lulz</p>
      <p>lulz</p>
    </div>
    
    <div id="div2" style="float:right;overflow:auto;height:100px;width:200px;">
      <p>lulz</p>
      <p>lulz</p>
      <p>lulz</p>
      <p>lulz</p>
    </div>

    10-05 20:55