title: FullPage.js scrollOverflow not working properly with loaded content
body: <p>I'm working on a full page site and decided to use the Fullpage.js plugin, but I am having some issues in terms of loading content via an AJAX request.  I am populating the pages with JSON content and for some reason the scrollOverflow option is not working properly.  What is more interesting is that it works perfectly fine in the XAMPP environment, but fails when it's in the live hosted environment (Bluehost).  I have a feeling site resources aren't being loaded properly, but I'm not sure if that could/would cause the issue.  There are no console errors, and all resources are being loaded.</p>
  
  <p>Initialization:</p>
  
  <pre><code>$(document).ready(function() {
  $.ajax({
      type: 'POST',
      url: 'content.json',
      dataType: 'json',
      contentType: "text/json; charset=utf-8",
      success: function(e) {
          $('.slide').each(function(index){
              console.log(index);
              $(this).children('.fp-tableCell').html('&lt;span class = "center"&gt;&lt;div class="circle-logo"&gt;&lt;div class="circle-fill"&gt;&lt;i class="'+e.platform[index].i+'"&gt;&lt;/i&gt;&lt;/div&gt;&lt;/div&gt;&lt;h1 class = "montserrat"&gt;'+e.platform[index].h+'&lt;/h1&gt;&lt;p class = "hind"&gt;'+e.platform[index].p+'&lt;/p&gt;&lt;span&gt;');
          });
          for(var i = 0; i&lt;e.about.length; i++){
              $('#section2').children('.fp-tableCell').append('&lt;h2 class = "montserrat"&gt;'+e.about[i].h+'&lt;/h2&gt;&lt;p class = "hind"&gt;'+e.about[i].p+'&lt;/p&gt;');
          }
          $('#section2').children('.fp-tableCell').append('&lt;hr&gt;');
          $('#section2').children('.fp-tableCell').append('&lt;p class = "hind"&gt;CRAFTED BY DAVE | &amp;copy; NATHAN&lt;/p&gt;');
      },
      error: function(e){
          console.log(e);
      }
  });
  
  $('#downhint').click(function(){
      console.log('click');
      $.fn.fullpage.moveSectionDown();
  });
  
  $('#fullpage').fullpage({
      sectionsColor: ['transparent', '#021b80', '#FFF'],
      anchors: ['landing', 'platform', 'about'],
      menu: '#menu',
      scrollOverflow: true,
      slidesNavigation: true,
      afterLoad: function(anchorLink, index){
  
          $('.fp-table .active').css('overflow-y','auto');
  
          if(index == 1){
              $('#menu li:nth-child(1) a').addClass('active-link');
              $('#menu li:not(:nth-child(1)) a').removeClass('active-link');
          }
          if(index == 2){
              $('#menu li:nth-child(2) a').addClass('active-link');
              $('#menu li:not(:nth-child(2)) a').removeClass('active-link');
          }
          if(index == 3){
              $('#menu li:nth-child(3) a').addClass('active-link');
              $('#menu li:not(:nth-child(3)) a').removeClass('active-link');
          }
  
      }
  });
  $(window).scroll  
  });
  </code></pre>
  
  <p>Includes:
                  </p>
  
  <pre><code>    &lt;link rel="stylesheet" type="text/css" href="css/index.css" /&gt;
  
      &lt;link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Hind' rel='stylesheet' type='text/css'&gt;
      &lt;link href='css/bootstrap.min.css' rel='stylesheet' type='text/css'&gt;
      &lt;link href='fonts/genericons/genericons/genericons.css' rel='stylesheet' type='text/css'&gt;
  
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript" src="js/index.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.slimscroll.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="fullpage/jquery.fullPage.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>From what I can tell I have loaded all required files and scripts.  Thanks in advance.</p>