如何使用fullpage.js滚动div内容

Question

My page code looks like this:

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

The data got wrapped between bodyData are populated automatically, so I want to make these data scrollable when they are overflowed. And I added

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

below div section, but nothing happened, anyone can help me? I followed a tutorial video, don't know how to initialize fullpage.

Answer 1

Check the fullPage.js docs where everything is explained in detail and with plenty of examples .

You are not following the required HTML structure which is the following:

<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>

You can also check this video tutorial .