javascript - Fullpage.js 通过向下滚动水平滚动并在一个部分再次完成水平滚动后向下滚动?

标签 javascript css fullpage.js

对于 Fullpage.js,我只想使用向下滚动来导航到水平的下一页。在一页上,我想向下放几张幻灯片,垂直导航。完成这些后,我想转到下一张水平幻灯片。

当我要垂直滚动的幻灯片是最后一张幻灯片时,我就开始工作了。但是当它在幻灯片中间时无法让它工作。

我做了一张图来表达我的意思:

enter image description here

最佳答案

您的方法不正确。 图像应该看起来像这样:

enter image description here

也就是3个竖版。 第一部分和最后一部分各有 2 张水平幻灯片。

这样你只需要使用名为 Scroll Horizontally 的 fullPage.js 扩展。您将得到您想要的。

  1. 从 1 向下滚动到 2。
  2. 从 2 向下滚动到 3。
  3. 从 3 向下滚动到 4。
  4. 从 4 向下滚动到 5。

关于javascript - Fullpage.js 通过向下滚动水平滚动并在一个部分再次完成水平滚动后向下滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55785443/

相关文章:

javascript - 响应式 fullpage.js : increase viewport to display full content

javascript - 将 PHP 变量添加到 JQuery Post 传递的参数

css - SVG 元素列表

css - "text-align: justify;"inline-block 元素正确吗?

javascript - Fullpage.js 使用连续滚动或循环时禁用 moveSectionUp

javascript - 为什么 fullpage.js 的部分大于窗口?

javascript - Accordion 向下滑动打破页面

javascript - html5 视频自动播放功能在没有静音的情况下无法正常工作

javascript - 隐藏输入不起作用

jquery - 翻转文本未显示在所有元素中