Comment faire défiler le contenu div en utilisant fullpage.js

Question

Mon code page ressemble à ceci:

<div id="wrap"> 
    <div id="panel"> 
    <div id="answerData"> 
     <div id="bodyData"> 
     ----some contents here ---- 
     </div> 
    </div> 
    </div> 
</div> 

Les données se sont enveloppées entre bodyData sont renseignés automatiquement, donc je veux rendre ces données scrollable quand ils sont débordés. Et j'ajouté

<script> 
    $(document).ready(function() { 
     $('#wrap').fullpage(); 
    }) 
</script> 

ci-dessous div section, mais rien ne se passait, quelqu'un peut me aider? J'ai suivi une vidéo tutoriel, je ne sais pas comment initialiser fullpage.

Answer 1

Vérifiez the fullPage.js docs où tout est expliqué en détail et avec plenty of examples.

Vous ne suivez pas la structure HTML requise qui est la suivante:

<div id="fullpage"> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
</div> 

Vous pouvez également consulter this video tutorial.