HTML fullpage.js不工作

Question

给，我做错什么了？

我不能让fullpage.js工作，它快把我逼疯了:C这是一张照片，我很感谢你能给我的任何帮助。

成功了克里斯！

更新:代码有效！！显然，这是我的代码错误，我会尽力解决，谢谢！

Answer 1

您的问题是，您没有在<div id="fullpage">中包含部分。所有部分必须位于#fullpage div中。只需将html代码更改为这样，就可以让它正常工作：

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

更新

我的工作例子。点击“运行代码片段”查看它是否有效：

​

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

​