Zapobieganie przewijaniu z powrotem do pierwszego slajdu po przewinięciu przeszłości

Question

Używam fullpage.js i zastanawiałem się, w jaki sposób chciałbym zapobiec temu, aby użytkownik przewinął z powrotem do początkowego (pierwszego) slajdu po przejściu obok niego?

Nadal chcę móc przewijać wszystkie następne slajdy zgodnie z przeznaczeniem, ale zasadniczo usunąć pierwszy slajd za nim, tak aby nie można go było przewinąć z powrotem (zasadniczo sprawiając, że drugi slajd jest pierwszy, tak jakby pierwszy był już tam nie ma).

Mam nadzieję, że to ma sens? Pierwszy slajd jest po prostu slajdem intro/wideo i chcę go tylko pokazać przy początkowym ładowaniu strony, a następnie po przewinięciu przekazanym, aby przestał być dostępny.

Answer 1

Wystarczy użyć setAllowScrolling gdy przyjeździe na 2 części:

$('#fullpage').fullpage({ 
    afterLoad: function(anchorLink, index){ 
     //on load section 2... 
     if(index == 2){ 
      $.fn.fullpage.setAllowScrolling(false, 'up'); 
     }else{ 
      $.fn.fullpage.setAllowScrolling(true, 'up'); 
     } 
    } 
}); 

Demo online

Answer 2

EDYTOWANIE: Okazało się, że to nie działa. Prowadzę śledztwo, przyjęta odpowiedź nie działa, przynajmniej w Chrome 42. Mam lodged a bug report.

Zgodnie z the documentation, można zarejestrować onLeave callback. Powinieneś być w stanie użyć tego do górnego slajdu podczas przewijania w dół. Rozwiązaniem mogłoby wyglądać tak:

<div class="section"> 
    <div class="slide" data-anchor="slide1"> Slide 1 </div> 
    <div class="slide" data-anchor="slide2"> Slide 2 </div> 
    <div class="slide" data-anchor="slide3"> Slide 3 </div> 
    <div class="slide" data-anchor="slide4"> Slide 4 </div> 
</div> 
<script> 
    $('.section').fullpage({ 
     onLeave: function(index, nextIndex, direction) {  
      if (index == 1) { 
       $(this).remove(); 
      } 
     } 
    }); 
</script> 

_{To wszystko theroetical jak ja nigdy nie używane fullpage.js (wygląda schludny chociaż) i dlatego nie przetestowane.}