Example of making the scroll bars (slider) in two divs on the page move synchronously_jquery

Use JQuery to add the following code

Copy the code The code is as follows:

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

Rendering: