jquery的兩列滾動效果

Question

你好我使用小提琴連結的同時移動一個格向上方向和第二個div在向下的方向M。

對於左側立柱其工作正常，但我要爲右列

相同的功能，我使用這個鏈接

[example][1] 

Answer 1

只是做正確的山坳你用左手做了相同的：

$("#right").on("scroll", function() { 
    var scrolledleft = parseInt($("#right").scrollTop()) * -1; 
    console.log(scrolledleft + scrolledright) 
    $("#left").scrollTop(scrolledleft + scrolledright) 
}); 

http://jsfiddle.net/noh1jogv/

編輯：火狐似乎使用scrollTop編程時觸發scroll事件。這意味着，在左div滾動在右div，反之亦然觸發scroll。爲了避免這種使用額外varialbe preventEvent：

var preventEvent = false; 
// Add event listener for scrolling 
$("#left").on("scroll", function (e) { 
    if(preventEvent) { 
     preventEvent = false; 
     return; 
    } 
    preventEvent = true; 
    var scrolledleft = parseInt($("#left").scrollTop()) * -1; 
    $("#right").scrollTop(scrolledleft + scrolledright); 
}); 

// Add event listener for scrolling 
$("#right").on("scroll", function (e) { 
    if(preventEvent) { 
     preventEvent = false; 
     return; 
    } 
    preventEvent = true; 
    var scrolledleft = parseInt($("#right").scrollTop()) * -1; 
    $("#left").scrollTop(scrolledleft + scrolledright) 
}); 

http://jsfiddle.net/noh1jogv/2/