js事件相互触发，死循环了

写了两个并排的div,里面是前后对比的东西，所以希望第一个div滚动的时候，第二个div同步滚动。然后写了一段代码直接蒙逼了。a的滚动事件里，让b滚动，但是b滚动的时候又会让a滚动，循环相互触发滚动事件。我让他滚动之前取消事件也不行。

$(function(){
        $('#fPanel').on("scroll",synA);
        $('#aPanel').on("scroll",synF);
    });
    function synA(){
        $('#aPanel').off("scroll",synF);
        $('#aPanel').scrollTop($("#fPanel").scrollTop());
        $('#aPanel').on("scroll",synF);
    }
    function synF(){
        $('#fPanel').off("scroll",synA);
        $('#fPanel').scrollTop($("#aPanel").scrollTop());
        $('#fPanel').on("scroll",synA);
    }