title: Fullpage.js in iframe can't scroll on IOS mobile
body: <p>I'm using Fullpage.js to create a fullpage website with sections. I am using different languges on different domains through full screen iframe. </p>
  
  <p>Although I am not able to scroll the page on IOS mobile. </p>
  
  <p>When using the following solution the page is not scrollabe at all: </p>
  
  <pre><code>&lt;iframe src="http://url.com/" style="border: 0; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%"&gt;
  </code></pre>
  
  <p>When using this version I am able to scroll for a few moments then it goes buggy: </p>
  
  <pre><code>&lt;style&gt;
  .demo-iframe-holder {
    position: fixed; 
    right: 0; 
    bottom: 0; 
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }
  
  .demo-iframe-holder iframe {
    height: 100%;
    width: 100%;
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;div class="demo-iframe-holder"&gt;
  &lt;iframe src="http://url.com/"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Does anyone have a solution to this? 
  Website in Iframe located here: <a href="http://tinyurl.com/j9heupj" rel="nofollow">http://tinyurl.com/j9heupj</a></p>