在 fullpage.js 中使用幻灯片切换向下滚动图像
Scroll Image Down with Slide Transition in fullpage.js
我正在尝试使用 fullpage.js 制作一个网页，并且有一个非常大的背景图片。我想要做的是让每次用户向下滚动时，它也会向下滚动背景图像。本质上，如果第一部分的背景图像从 0,0 开始并且屏幕高 750 像素，我想让第二部分的背景图像从 0,750 开始。
有没有一种方法可以做到这一点，不需要手动将背景图像分成一堆不同的图像，并将图像一（从 0,0）分配给第一部分，将图像二（从 0,750）分配给部分两个等等？
您可以使用 fullpage.js 提供的回调，例如 afterLoad 或 onLeave 甚至 class 添加到 body 元素的形式“fp-viewing-1-2`。
查看 this video tutorial 我创建的类似主题。只需应用相同的原则即可。
我正在尝试使用 fullpage.js 制作一个网页，并且有一个非常大的背景图片。我想要做的是让每次用户向下滚动时，它也会向下滚动背景图像。本质上，如果第一部分的背景图像从 0,0 开始并且屏幕高 750 像素，我想让第二部分的背景图像从 0,750 开始。
有没有一种方法可以做到这一点，不需要手动将背景图像分成一堆不同的图像，并将图像一（从 0,0）分配给第一部分，将图像二（从 0,750）分配给部分两个等等？
您可以使用 fullpage.js 提供的回调，例如 afterLoad 或 onLeave 甚至 class 添加到 body 元素的形式“fp-viewing-1-2`。
查看 this video tutorial 我创建的类似主题。只需应用相同的原则即可。