HTML fullpage.js不起作用

Question

在这里，我做错了什么？

我无法使 fullpage.js 工作，这让我发疯了：C这里是一张照片，感谢您提供给我的任何帮助。

It worked Chris!

更新：该代码有效!!显然我的代码出错，我会尝试解决它，谢谢！

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>

<强>更新

我的工作榜样。点击＆＃34;运行代码段＆＃34;看它有效：

＆＃13;

＆＃13;

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColors: ['#f2f2f2', '#4BBFC3', '#7BAABE'],
        navigation: true,
        afterRender: function() {
            setInterval(function() {
                $.fn.fullpage.moveSectionDown();
            }, 1500);
        }
    });    
});

＆＃13;

.section {
    font-size: 3em;
    font-family: helvetica, arial;
    color: #333;
    text-align: center;
    position: relative;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;