讓頁面上兩個div中的捲軸(滑桿)同步運動範例_jquery

使用JQuery加入以下程式碼

複製程式碼 程式碼如下:

$('source#Div') .scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($(this).scrollLeft( ));
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).scrollTop());
$('#sourceDiv').scrollLeft($(this).scrollLeft());
});

效果圖：