ページ上の2つのdivのスクロールバー(スライダー)を同期して動かす例_jquery

JQuery を使用して次のコードを追加します

コードをコピーします コードは次のとおりです:

$ ('#sourceDiv') .scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($ (this).scrollLeft( ));
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).スクロールトップ());
$('#sourceDiv').scrollLeft($(this).scrollLeft());

レンダリング: