让页面上两个div中的滚动条(滑块)同步运动示例

  使用JQuery添加如下代码

  

复制代码 代码如下:

  $('#sourceDiv').scroll( function() {

  $('#targetDiv').scrollTop($(this).scrollTop());

  $('#targetDiv').scrollLeft($(this).scrollLeft());

  });

  $('#targetDiv').scroll( function() {

  $('#sourceDiv').scrollTop($(this).scrollTop());

  $('#sourceDiv').scrollLeft($(this).scrollLeft());

  });

  效果图:

让页面上两个div中的滚动条(滑块)同步运动示例