Question

我有一个动画，想用触发fullpage.js的视差效果来触发

我想在每次fullpage.js切换部分时执行此操作。

我希望执行Code Css：

.mask-white{
 width: 100vw;
 background-color: white;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 22222;
 animation: height-white 1s;
 }

@keyframes height-white {

 0%{
    height: 0vh;
    bottom: 0;
   }
 50%{
    height: 100vh;
    }
 100%{
    height: 0vh;
    top: auto;
    bottom: 0;
    }
}

我希望每次调用onleave时执行1。

... fullpage.js code is above ...

 onLeave: function(){

 }

每次切换部分时都会调用此函数，这就是我想要的

Answer 1

只需在mask-white回调中的所需元素上添加课程onLeave。

请参阅我的视频中基于fullpage.js状态类的如何处理回调或css3动画的示例： https://www.youtube.com/watch?v=qiCVPpI9l3M

Fullpage.js滑动选项

1 个答案: