Scroll left div and right div at a time

Question

I have two div elements side by side with scroll.

If i scroll left div automatically right div also should scroll.(Like beyond compare scroll)

<div id="leftdiv" style="overflow-y: scroll;"> Left Content</div>
<div id="rightdiv" style="overflow-y: scroll;">Right Content</div>

Tried search SO too? https://stackoverflow.com/questions/9236314/how-do-i-synchronize-the-scroll-position-of-two-divs — Ricardo Pontual, Apr 16 '18 at 16:01
Possible duplicate of [How do I synchronize the scroll position of two divs?](https://stackoverflow.com/questions/9236314/how-do-i-synchronize-the-scroll-position-of-two-divs) — Ricardo Pontual, Apr 16 '18 at 16:04

score 0 · Answer 1 · answered Apr 16 '18 at 16:46

0

$("#leftdiv").on('scroll', function(evt) {
  $("#rightdiv").scrollTop($(this).scrollTop());
})

https://jsfiddle.net/qyvezhvq/10/

answered Apr 16 '18 at 16:46

Marinos An

7,669
3
45
80

score 0 · Answer 2 · answered Apr 16 '18 at 16:48

see, I hope this is helpful

<script type="text/javascript"> 
$(function(){       
    $( "#leftdiv" ).scroll(function() {         
        if($( "#leftdiv" ).scrollTop() > 0)
        {
            $("#rightdiv").scrollTop($( "#leftdiv" ).scrollTop());  
        }

    }); 
    $( "#rightdiv" ).scroll(function() {            
        if($( "#rightdiv" ).scrollTop() > 0)
        {
            $("#leftdiv").scrollTop($( "#rightdiv" ).scrollTop());  
        }

    });     
});
</script>

Thanks.

Scroll left div and right div at a time

2 Answers2