Sync Scrolling of Divs Without Sluggish Scrollwheel
<p>I've successfully got two divs on a page, each with a scrollbar, and using jQuery, when one div is scrolled, the other scrolls accordingly.</p>

<pre><code>$('#left').scroll(function () {
    $('#right').scrollTop($(this).scrollTop());
});

$('#right').scroll(function () {
    $('#left').scrollTop($(this).scrollTop());
});
</code></pre>

<p>This works fine as along as you use the keyboard or click on the scroll bar and drag to do the scrolling, but if you use the mouse scrollwheel it's incredibly slow, due, I think, to the fact that there's a 'feedback loop'.</p>

<p>Is there a way I can prevent this loop so that scrolling with the mouse scrollwheel works smoothly?</p>

<p>Here's a <a href="http://jsfiddle.net/philipstratford/sgcer/1787/" rel="noreferrer">fiddle</a> showing the problem.</p>