Синхронизация полос прокрутки между двумя элементами - jQuery

Нашел хорошее решение. Debouncing делает свое дело.

Вы можете использовать комбинацию таймеров и логических значений, чтобы убедиться, что элемент прокручивается пользователем. Таким образом, когда событие прокрутки запускается быстро и последовательно (например, когда пользователь прокручивает вниз), оно не позволяет обработчикам рекурсивно вызывать друг друга. Следующий код делает свое дело:

var userScroll1 = true;
var userScroll2 = true;
var timer;

$div1.scroll(function() {
  if(userScroll2) {
    userScroll1 = false;
    clearTimeout(timer);
    $div2.scrollTop($div1.scrollTop());
    timer = setTimeout(function() {
       userScroll1 = true;
     }, 100);
  }
});
$div2.scroll(function(){
  if(userScroll1) {
    userScroll2 = false;
    clearTimeout(timer);
    $div1.scrollTop($div2.scrollTop());
    timer = setTimeout(function() {
       userScroll2 = true;
     }, 100);
  }
});

Проверьте правильно работающий jsbin: https://jsfiddle.net/axtn/a91fsar3