通过水平向下滚动来滚动Fullpage.js,并在再次完成水平滚动后在某一部分上向下滚动?

时间:2019-04-21 18:15:45

标签: javascript css fullpage.js

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

当要垂直滚动的幻灯片是最后一张幻灯片时,我就可以使用它。但是当它在幻灯片中间时,无法使其正常工作。

我拍了张照片来表明我的意思:

enter image description here

1 个答案:

答案 0 :(得分:1)

您的方法不正确。 图像应改为:

enter image description here

即3个垂直部分。 拳头和拳头各有2张水平滑梯。

通过这种方式,您只需要使用名为Scroll Horizontally的fullPage.js扩展名,就可以完全满足您的需求。

  1. 从1向下滚动到2。
  2. 从2向下滚动将导致3。
  3. 从3向下滚动将显示4。
  4. 从4向下滚动将导致5。