Click here to Skip to main content
15,893,161 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I'm building my fullpage page using fullpage.js library by following some tutorial videos.
The fullpage view is fine.but In the middle of the process,my slide navigation doesn't appear and the link on the navbar can't direct the page to the section that.

i assume the scripts and css files that i link is not correct.But i'm not sure.

<script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/fullPage.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <link rel="stylesheet" href="css/fullPage.min.css">
    <link rel="stylesheet" href="css/jquery.fullPage.css">


<div id="navbar">
       <a href="#page1">Page 1</a>
       <a href="#page2">Page 2</a>
       <a href="#page3/slide1">Page 3</a>
       <a href="#page3/slide2">Page 3-2</a>
       <a href="#page3/slide3">Page 3-3</a>
       <a href="#page4">Page 4</a>
   </div>
   <div id="container">
       <section  data-anchor="page2">
           <h1>Galih Indra</h1>
           <p>Web Developer</p>
       </section>
       <section  data-anchor="page2">
           <h1>About</h1>
       </section>
       <section  data-anchor="page3">
           <div class="slide"  data-anchor="slide1"><img src="https://source.unsplash.com/random"   /></div>
           <div class="slide"  data-anchor="slide2"><img src="https://source.unsplash.com/random"   /></div>
           <div class="slide"  data-anchor="slide3"><img src="https://source.unsplash.com/random"   /></div>
       </section>
       <section>
           <h1>Experiments</h1>
       </section>
   </div>
   <script>
       $(document).ready(function () {
           $('#container').fullpage({
               //options here
               autoScrolling: true,
               scrollHorizontally: true,
               scrollingSpeed: 300,
        controlArrows: false
           });

           //methods
           $.fn.fullpage.setAllowScrolling(false);
       });


What I have tried:

Can someone help me to find the error?
Posted
Comments
ZurdoDev 7-Mar-19 15:59pm    
Start by looking in the console of your browser's developer tools to see if there is an error and to make sure that all supporting files are being loaded.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900