滚动时触发动画的整页滚动

Question

我已经尝试过两周了this。这里有没有人知道这是怎么做到的？我甚至不会粘贴我的代码，因为它是有史以来最糟糕的代码。

感谢。

Answer 1

您检查fullpage.js吗？

您可以通过使用CSS Easing Animation Tool of Matthew Lein创建自己的CSS3功能来获得相同的滚动效果。

然后将其传递给fullPage.js的参数path/to/somewhere。

easingcss3

或者，如果您愿意，可以使用jQuery easing effects并使用easingcss3: 'cubic-bezier(1.000, 0.000, 0.000, 1.005) 0.5s', 。 （尽管使用css3会更顺畅）

关于滚动中消失的元素，您必须自己通过在onLeave等回调上设置动画或使用添加到主体的类in this example来实现。

css3:false

this line中的某些内容。