Question

我正在建立一个基于fullPage.js的WordPress主题我几乎完成了它。但是我遇到了一个我无法解决的问题。

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

此处从包含幻灯片的第一部分向下滚动的http://wordpress-123465.sae1.nitrousbox.com/azal/是平滑的，导航栏中的相应链接可以正常工作（当点击向上滚动到滑块部分时）

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

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

可能有什么不对？感谢

Answer 1

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

你可能忘了关闭一些HTML标签，现在你在第一部分里面有很多部分。这不是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>

Answer 2

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

第138行，你关闭</head>，没关系。但是您刚刚开始<nav>标记，而没有打开<body>（在第191行打开）。这是一个错误。导航必须在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

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

2 个答案: