title: jQuery scrollTo not working Chrome/Firefox
body: <p>Forgive me if this has been asked, but I've been searching all day on here and have not seen any question relating to my specific problem.</p>
  
  <p>I'm building a one page parallax-style website with a navigation bar utilizing a fixed position to allow users to quickly jump to different sections of the page.</p>
  
  <p>Currently I'm trying to implement the scrollTo jQuery plugin (<a href="https://github.com/flesler/jquery.scrollTo" rel="nofollow">flesler/jquery.scrollTo - Github</a>) to give a nice smooth animated scroll.</p>
  
  <p>This is the 5th or 6th different jQuery method I've implemented to make this effect work with no success. The scrollTo method seems to be the closest to working, but it still won't work. </p>
  
  <p>It does not work at all on Chrome 42.0.2311.90
  It does not work at all on Firefox 37.0.2
  It does work on Safari 5.1.10, but I haven't been able to check on the newest version of Safari. Also the site doesn't render right on Safari 5.1.10 yet. I also have not had access to a computer with IE.</p>
  
  <p>The test site is located at <a href="http://revolt-designs.com/parallax/" rel="nofollow">http://revolt-designs.com/parallax/</a></p>
  
  <p>Here is how I'm calling the script:</p>
  
  <pre><code>$(document).ready(function(){
      $('#nav-links li a').click(function() {
          $.scrollTo($(this).attr('href'), {duration: 3000});
      });
  });
  </code></pre>
  
  <p>And the links are formatted this way:</p>
  
  <pre><code>&lt;div id="nav"&gt;
      &lt;ul id="nav-links"&gt;
          &lt;li&gt;&lt;a href="#group2"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#group4"&gt;News&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#group6"&gt;Events&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#group7"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For the sake of simplicity, the anchors are pointing to divs located on the page, ie:</p>
  
  <pre><code>&lt;!-- GROUP 2 --&gt;
  &lt;div id="group2" class="parallax__group"&gt;   
      &lt;div class="parallax__layer parallax__layer--base"&gt;
          Lorem Ipsum
      &lt;/div&gt;      
  &lt;/div&gt;&lt;!-- end GROUP 2 --&gt;
  </code></pre>
  
  <p>Hopefully someone will catch something small and easy that I'm missing. Thanks. To be clear, I'm not asking for an alternative to the script I'm using. I'm asking for help finding the underlying issue that's preventing any smooth scrolling scripts from working on my site.</p>