Question

我使用的是Fullpage.js，我想建立一个像这样的滚动网站

我的HTML代码：

＆＃13;

<div class="section" id="section0">
 </div>
 <div class="section" id="section1">
   <div class="slide">1</div>
   <div class="slide">2</div>
   <div class="slide">3</div>
 </div>
<div class="section" id="section2">
 </div>

＆＃13;

我想做这样的事情：

（从第0节开始）向下滚动：第1部分幻灯片1 - ＆gt;第1部分幻灯片2 - ＆gt;第1部分幻灯片3 - ＆gt;第2节

（从第2节开始）向上滚动：第1部分幻灯片3 - ＆gt;第1部分幻灯片2 - ＆gt;第1部分幻灯片1 - ＆gt;第0节

我粗略地使用＆＃34; onLeave＆＃34;或＆＃34; onSlideLeave＆＃34;

我怎样才能做到这一点？

Answer 1

你必须自己为这个插件做一个扩展，因为moveTo只影响你正在移动的部分中的滑块，而moveSlideRight（）或Left会影响当前部分的滑块，你可以以某种方式使当滑块变得可见时，它会被定位固定，当你滚动时，在后面部分会移动但是滑块将保留在屏幕上，这里是棘手的部分，你必须让你自己的方法被触发onLeave of section移动滑块

滚动并滑动Fullpage.js

1 个答案: