0

我很惊讶我以前找不到这个问题的答案。我试图将整页插件合并到我的网站中，并且基本上禁用了滚动功能。它卡在第一部分。我试图制作一个简化版本，将所有内容都切到骨头上，同样的问题。

在头部...

<link href="css/jquery.fullPage.css" rel="stylesheet" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="scripts/jquery.fullPage.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.fn.fullpage();
});
</script>

在正文部分...

<body>
<header class="section">
    <div><h1>A</h1></div>
</header>
<main>
    <section class="section">
        <div><h1>B</h1></div>
</section>
<section class="section">
    <div><h1>C</h1></div>
</section>
</main>
</body>

这是怎么回事？提前致谢。

4

1 回答 1

1

您没有遵循插件所需的结构。您的元素应该与文档class="section"中指出的处于同一级别。你不能在里面有一个部分。它应该处于同一水平。<main>

<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>

此外，如果您使用的是插件的最新版本，则应该对所有部分使用 wrap 并在初始化时也使用它：

<div id="fullpage">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>

初始化：

$(document).ready(function() {
    $('#fullpage').fullpage();
});
于 2014-06-04T09:23:08.283 回答