title: On page scroll not working
body: <p>I have followed the instructions to set up on page scrolling on my Wordpress site: <a href="http://www.thepetedesign.com/demos/onepage_scroll_demo.html" rel="nofollow">http://www.thepetedesign.com/demos/onepage_scroll_demo.html</a> but it doesn't seem to be working.</p>
  
  <p><strong>page HTML</strong></p>
  
  <pre><code>&lt;div class="main"&gt;
  &lt;section&gt;[new_royalslider id="2"]&lt;/section&gt;
  &lt;section&gt;...&lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>header.php</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.dawaf.co.uk/creative-mapping/wp-content/themes/wpbootstrap/js/jquery.onepage-scroll.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.dawaf.co.uk/creative-mapping/wp-content/themes/wpbootstrap/js/jquery.onepage-scroll.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.dawaf.co.uk/creative-mapping/wp-content/themes/wpbootstrap/js/jquery.cookie.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(".main").onepage_scroll();
  &lt;/script&gt;
  </code></pre>
  
  <p>I've had a look at inspect element and there are no error messages. The scroll bar doesn't seem to work at all anymore.</p>
  
  <p><a href="http://www.dawaf.co.uk/creative-mapping/aaaaaaaaa/" rel="nofollow">See link</a></p>