Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Animation 全页滚动,滚动时触发动画_Animation_Fullpage.js_Eventtrigger - Fatal编程技术网

Animation 全页滚动,滚动时触发动画

Animation 全页滚动,滚动时触发动画,animation,fullpage.js,eventtrigger,Animation,Fullpage.js,Eventtrigger,我已经努力完成了大约两个星期了。这里有人知道怎么做吗?我甚至不会粘贴我的代码,因为这是有史以来最糟糕的 谢谢。你查过了吗 通过使用创建自己的CSS3函数,您可能可以获得相同的滚动效果 然后将其传递给fullPage.js的参数easingcss3 easingcss3: 'cubic-bezier(1.000, 0.000, 0.000, 1.005) 0.5s', 或者,如果您愿意,可以选择并使用css3:false。(尽管使用css3会更平滑) 关于滚动上显示的元素,您必须通过在回调上设置

我已经努力完成了大约两个星期了。这里有人知道怎么做吗?我甚至不会粘贴我的代码,因为这是有史以来最糟糕的

谢谢。

你查过了吗

通过使用创建自己的CSS3函数,您可能可以获得相同的滚动效果

然后将其传递给fullPage.js的参数
easingcss3

easingcss3: 'cubic-bezier(1.000, 0.000, 0.000, 1.005) 0.5s',
或者,如果您愿意,可以选择并使用
css3:false
。(尽管使用css3会更平滑)

关于滚动上显示的元素,您必须通过在回调上设置它们的动画来完成,例如,或者使用添加到主体中的类作为


有点像这样。

也解决了一些小的标点问题。嗯,你所做的看起来比我在两周内所做的要好十倍。事实上,我试过使用你的插件,滚动效果也和预期的一样。这只是动画的触发,真是一团糟。。问题在于元素已经在DOM中,但在视口中不可见,并且不知道何时添加动画类。我试过使用航路点,但仅仅启动一两个动画似乎太复杂了。另外,我真的很感谢你的所有工作。真佩服。
body.fp-viewing-page2-slide1 #section1 .moveOut{
    transform: translate3d(0, -400px, 0);
}