title: Play through pinned elements in superscrollorama
body: <p>I am building a <em>Parallax website using <a href="http://johnpolacek.github.io/superscrollorama/" rel="nofollow">SuperScrollorama</a></em> which have some animation frame by frame using jquery and css3...</p>
  
  <p>But after ending up doing so i am stuck in a problem, i am trying to navigate the pages using some scroll plugin...</p>
  
  <p>I have tried <em>Basic jquery using <code>scrollTop</code> event, using <a href="http://demos.flesler.com/jquery/scrollTo/" rel="nofollow">Jquery ScrollTo</a> and using <a href="http://api.greensock.com/js/com/greensock/plugins/ScrollToPlugin.html" rel="nofollow">Tween Lite ScrollTo</a> plugin</em> to navigate through pages but nothing seems to work...</p>
  
  <p>The issue i get after goggling it is if pages are pinned together as <code>position:fixed;</code> and pages doesnot scroll to that position and stuck between...</p>
  
  <p><strong>With Jquery ScrollTo</strong>, my code:-</p>
  
  <pre><code>$('.menus a').click(function(e){
      e.preventDefault();
      $.scrollTo(this.hash, 2000, {
      easing:'easeInOutExpo',
      offset:3000,
      axis:'y',
      queue:true
      });
  });
  </code></pre>
  
  <p><strong>With basic scrollTop jquery</strong>, my code:-</p>
  
  <pre><code>$('a').bind('click',function(event){
      var $anchor = $(this);
  
      $('html, body').stop().animate({
          scrollTop: $($anchor.attr('href')).offset().top
      }, 1500,'easeInOutExpo');
  
      event.preventDefault();
  });
  </code></pre>
  
  <p>Currently my code works like this:- <a href="http://jsfiddle.net/tFPp3/6/" rel="nofollow">http://jsfiddle.net/tFPp3/6/</a></p>
  
  <p>As you can see in my demo, the scroll stuck between before reaching the exact position through hash...</p>
  
  <p>What is the solution if i have to play through the pinned elements in Superscrollorama?</p>