Jquery - Scrollbar to move div's backroundPosition horizontally
<p>I am trying to work out how to have my <strong>body scrollbar</strong> move the <strong>backgroundPosition</strong> of a particular div - <strong>#simpleBG</strong> - to the right as it scrolls down and to the left as it scrolls up.</p>

<blockquote>
  <p>jQuery(document).ready(function ($) {</p>

<pre><code>      $('#simpleBG').scroll(function(event, direction) {
     if (direction === 'down') {
        $('#simpleBG').animate({backgroundPosition: '-=20px 0px'})
     }
     else {
        $('#simpleBG').animate({backgroundPosition: '0px 0px'})
     }        }); 
</code></pre>
  
  <p>});</p>
</blockquote>

<p>I have backroundpos.js to allow for background animation. Just unsure if I'm using the right logic and syntax here.</p>
