如何创建嵌套的 fullpagejs 结构？答案

【问题标题】：How can I create nested fullpagejs structure?如何创建嵌套的 fullpagejs 结构？
【发布时间】：2020-01-17 18:34:03
【问题描述】：

我想使用 fullpagejs 创建一个嵌套结构。当涉及到 b 时，它必须一张一张地滑动它的内容。但是正如您所看到的，当涉及到 b 时，它会跳过 2 个内容。我找不到有关如何执行此操作的任何信息。

new fullpage('#fullpage', {
  sectionsColor: ['tomato', 'royalblue', 'green', 'pink']
});

new fullpage('#fullpage2', {
  sectionsColor: ['gray', 'dodgerblue', 'teal']
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.8/fullpage.min.css" rel="stylesheet"/>

<div id="fullpage">
  <div class="section a">A</div>
  <div class="section" id="fullpage2">
    <div class="section e">E</div>
    <div class="section f">F</div>
    <div class="section g">G</div>
  </div>
  <div class="section c">C</div>
  <div class="section d">D</div>
</div>

<script src="https://rawgit.com/alvarotrigo/fullPage.js/dev/src/fullpage.js"></script>

【问题讨论】：

标签： javascript fullpage.js

【解决方案1】：

您不能在部分内创建部分。仅在部分内水平幻灯片。

您可能正在寻找类似Scroll Horizontally extension 的东西。

要创建部分，您可以在the fullpage.js documentation 中找到更多信息，其中包含大量examples too。

【讨论】：