title: Change page sections on scroll
body: <p>I want to change sections on scroll, to kill the overflow of a single page website and change the sections that have 100% height on scroll. I tried using the:</p>
  
  <p><a href="https://github.com/hellsan631/angular-fullpage.js" rel="nofollow noreferrer">https://github.com/hellsan631/angular-fullpage.js</a></p>
  
  <p>but cannot make it work. When I follow all the instructions I get the following errors:</p>
  
  <pre><code>Error: [$compile:nonassign] http://errors.angularjs.org/1.6.6/$compile/nonassign?p0=undefined&amp;p1=options&amp;p2=fullPage
  
  angular.js:14700 TypeError: Cannot set property 'afterRender' of undefined
  
  angular.js:14700 TypeError: Cannot set property 'afterRender' of undefined
  </code></pre>
  
  <p>I also tried using <a href="https://github.com/alvarotrigo/fullPage.js" rel="nofollow noreferrer">https://github.com/alvarotrigo/fullPage.js</a>, no errors but nothing happens.</p>
  
  <p>Anyone has a different solution, or a way to fix this one? Thanks.</p>