title: Issues with parallax site using skrollr, skrollr-menu in iOS7
body: <p>i'm using skrollr.js and skrollr-menu for creating a parallax website. I have 3 divs with nested elements that i would like to parallax at different speed. Everything works as expected on desktop but on iPad running iOS 7 i am experiencing a problem with the way the elements are positioned and the speed at which they scroll. The 3 different divs have a class of position: fixed, and nested elements a class of position: absolute; and are positioned on Y axis using top:px, (tried using % instead with mixed results). other (non-nested, ie. #content) divs seem to be working consistently across all browsers and device though. I would really appreciate any help with this problem it has been driving me crazy for days, this is my first project using skrollr so i dont have much expericence but so far i'm loving it except for this glitch on iOS, i have checked the documentation and related question in stackOverflow but still no luck! Hopefully someone will be able to point me in the right direction, here's a fiddle of how im trying to achieve this, although to see it in iOS i will have to provide a direct link to the project shortly, please bear with me since i had to port an existing project for using it with skrollr on mobile devices so i would like to clean up code as much as possible before submitting to avoid confusion, in the meantime here is the fiddle:</p>
  
  <pre><code>//Init Skrollr
  </code></pre>
  
  <p>$(document).ready(function(){
          var s = skrollr.init({
              forceHeight: false,
              smoothScrolling: true,
              smoothScrollingDuration: 150
          });</p>
  
  <pre><code>    skrollr.menu.init(s, {
          easing: 'outCubic',
          animate: true,
          duration: 1000
  </code></pre>
  
  <p>});
  });</p>
  
  <p><a href="http://jsfiddle.net/shinobisan/EvPdL/6/" rel="nofollow">http://jsfiddle.net/shinobisan/EvPdL/6/</a></p>
  
  <p>Thanks!!</p>