fullPage.js 不会从滑块向下滚动答案

【问题标题】：fullPage.js doesnt scroll down from sliderfullPage.js 不会从滑块向下滚动
【发布时间】：2014-09-07 22:31:00
【问题描述】：

我正在构建一个基于 fullPage.js 的 WordPress 主题，我几乎完成了它。但是我遇到了一个我想不通的问题。

在接下来的两个示例中，有一个导航栏，第一部分包含幻灯片和下面的其他部分：

这里http://wordpress-123465.sae1.nitrousbox.com/azal/从包含幻灯片的第一部分向下滚动是平滑的，并且导航栏中的相应链接有效（当单击向上滚动到滑块部分时）

但是这里http://wordpress-123465.sae1.nitrousbox.com/azal-beta/向下滚动非常困难，键盘也不起作用，之后无法再次向上滚动，导航栏也不起作用。

在这两种情况下，屏幕右侧的指针都可以工作。

可能出了什么问题？谢谢

【问题讨论】：

标签： wordpress fullpage.js

【解决方案1】：

您的网站仅包含一个部分作为 fullpage.js 容器的第一个子项。

您可能忘记关闭一些 HTML 标记，现在您在第 1 部分中有很多部分。这不是 fullpage.js 的工作方式。

Fullpage.js 需要这个结构：

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

现在你有类似的东西：

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

【讨论】：

【解决方案2】：

您应该首先尝试修复源代码中的 HTML 错误。

第 138 行，你关闭了</head>，没关系。但是您随后开始了<nav> 标记，而没有打开<body>（在第191 行打开）。这是一个错误。 Nav 必须在 body 标签内

第 234 和 236 行，style 属性的开头“字符缺失：

<div style=height:12px;">

许多 div 标签不在正确的位置。别忘了你不能这样做：

<div>
  <p>
  </div>
</p>

相反，您必须这样做：

<div>
  <p>
  </p>
</div>

作为一个很好的起点，使用 HTML 验证器来检查您的来源是否正确：http://validator.w3.org/check?uri=http%3A%2F%2Fwordpress-123465.sae1.nitrousbox.com%2Fazal%2F%23SliderTitle%2F2&charset=%28detect+automatically%29&doctype=Inline&group=0

【讨论】：