一次向左滚动div和右div

时间:2018-04-16 15:57:39

标签: javascript jquery html css webix

我有两个div元素并排滚动。

如果我自动向左滚动div,则div也应该滚动。(比如滚动比较)

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

看,我希望这是有帮助的

<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>

感谢。