Bob Mistake Bob Mistake - 17 days ago 5
HTML Question

HTML fullpage.js doesn't work

Here, what I'm doing wrong?

I can't make fullpage.js work, it is driving me crazy :C here's a pic, I appreciate any help you can provide me.

It worked Chris!



UPDATE: That code works!! apparently it's an error on my code, i'll try to solve it

Chris, this his is the first time i pressed the F12 haha, what you need to know from here?
Dev tools

Answer

Your problem is that you don't include sections inside <div id="fullpage">. All sections must be inside the #fullpage div. Just change your html code to be like this and you'll have it working:

<div id="fullpage">
    <div class="section">WHATEVER 1</div>
    <div class="section">WHATEVER 2</div>
    <div class="section">WHATEVER 3</div>
    <div class="section">WHATEVER 4</div>
</div>

UPDATE

My working example. Hit "Run code snippet" to see it works:

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColors: ['#f2f2f2', '#4BBFC3', '#7BAABE'],
        navigation: true,
        afterRender: function() {
            setInterval(function() {
                $.fn.fullpage.moveSectionDown();
            }, 1500);
        }
    });    
});
.section {
    font-size: 3em;
    font-family: helvetica, arial;
    color: #333;
    text-align: center;
    position: relative;
}
<link href="http://zikro.gr/dbg/html/fullPage/jquery.fullpage.css" rel="stylesheet"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script src="http://zikro.gr/dbg/html/fullPage/jquery.fullpage.js"></script>

<div id="fullpage">
    <div class="section">WHATEVER 1</div>
    <div class="section">WHATEVER 2</div>
    <div class="section">WHATEVER 3</div>
    <div class="section">WHATEVER 4</div>
</div>