title: Skrollr not working on mobile?
body: <p>I can't figure for the life of me why skrollr is not working on mobile.</p>
  
  <p>My <code>skrollr-body</code> id is below all elements that are fixed and I've initialized skrollr and menu, and there isn't anything else in the docs that explain why this isn't working...</p>
  
  <p>Works in desktop, not in mobile...Any suggestions?</p>
  
  <p>standard initialization:</p>
  
  <pre><code>$(document).ready(function() {
    var s;
    s = skrollr.init({
      forceHeight: false
    });
    skrollr.menu.init(s);
  
    //some other document ready code...
  });
  </code></pre>
  
  <p>html pseudo code</p>
  
  <pre><code>//body is 100% height
  &lt;body&gt;
  //this link is a fixed menu that only shows up after the person has scrolled 100% height
      &lt;a href="#third" class="menu" data-0="opacity:0;" data-100p="opacity:1" data-menu-top="200p"&gt; 
      NEXT PROJECT&lt;/a&gt;
  
  // skrollr-body is 100% height and width, float left
      &lt;div id="skrollr-body"&gt;
  
          //top is 100% height and width,overflow hidden and position absolute
          &lt;div id="top"&gt;
          &lt;/div&gt;  
  
          //second is 100% height and weight, position absolute and top is 100% 
          // (this makes 'second' show up immediately after the 'top' page.
          &lt;div id="second"&gt;
          &lt;/div&gt;
  
          //third is 100% height and weight, position absolute and top is 200%, 
          // making it show up exactly after the 'second' div
          &lt;div id="third"&gt;
          &lt;/div&gt;
     &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>