Stop jQuery from scrolling when element changes out of the view
<p>I have a very long page. At the top I have a banner div with a background-image that changes every 10 seconds through a timer.</p>

<p>When you scroll down to see the content "below the fold", jQuery then scrolls to the top to show the new banner image.</p>

<p>This is very disruptive -how could I stop jQuery from scrolling to the top? Thank you.</p>

<pre><code>timer = setTimeout(function() {
    $('div#banner').css('background-image', 'url(...)'; }
    // set timeOut again.
, 10000);
</code></pre>
