如何创建嵌套的 fullpagejs 结构？

Question

我想使用 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>

Answer 1

您不能在节内创建节。仅在部分内水平滑动。

您可能正在寻找类似 Scroll Horizontally extension 的内容。

要创建部分，您可以在 the fullpage.js documentation with plenty of examples too 中找到更多信息。

如何创建嵌套的 fullpagejs 结构？

How can I create nested fullpagejs structure?

javascript

fullpage.js