jquery.fullpage.js

Question

<ul class="page_box" id="fullpageMenu">
   <li data-menuanchor="page1"><span class="pots"></span><a href="#page1"></a></li>
   <li data-menuanchor="page2"><span class="pots"></span><a href="#page2"></a></li>
   <li data-menuanchor="page3"><span class="pots"></span><a href="#page3"></a></li>
   <li data-menuanchor="page4"><span class="pots"></span><a href="#page4"></a></li>
   <li data-menuanchor="page5"><span class="pots"></span><a href="#page5"></a></li>
</ul>

<div class="event-bg section " id="sec_page1">
   <div class="w1100">
       <div class="title-7 title bg"></div>
       <div class="item-6 bg"></div>
   </div>
</div>
<div class="event-bg section " id="sec_page2">
   <div class="w1100">
       <div class="title-8 title bg"></div>
       <div class="item-7 bg"></div>
   </div>
</div>
<div class="event-bg section " id="sec_page3">
   <div class="w1100">
       <div class="title-9 title bg"></div>
       <div class="item-8 bg"></div>
       <div class="content-7 content-4 content-5">
           <span></span>
           <span></span>
           <span></span>
       </div>
       <div class="content-8 content-4 content-6">
           <span></span>
           <span></span>
           <span>100%</span>
       </div>
   </div>
</div>
<div class="event-bg section " id="sec_page4">
   <div class="w1100">
       <div class="title-10 title bg"></div>
       <div class="item-9 bg"></div>
   </div>
</div>
<div class="event-bg section " id="sec_page5">
   <div class="w1100">
       <div class="title-11 title bg"></div>
       <div class="item-10 bg"></div>
   </div>
</div>

<div id="up" class="arrowUp">
   <i></i>
</div>

分5页在每个页面下方加入 id为up的 div  ， 当第5页时，此div消失

Answer 1

fullpage好像是个全屏滚动插件，个人觉得遇到插件这类问题最好是去看官方文档。