路径点，animate.css和滚动的不透明度问题

waypoints, animate.css and opacity on scroll issue

本文关键字：滚动 不透明度 问题 css animate 路径      更新时间：2023-09-26

我正在使用waypoints.js和animate.css在我的页面上动画元素，当你向下滚动。我想知道如何在animate.css框架中加入内置的不透明度属性。在我的小提琴中，你可以看到如何从顶部或底部进入屏幕，我的图像将动画，但我如何使它淡入。注意在第二张图片上它是如何淡入的，但是flash first看起来有点小故障。

这是我的javascript:

//Animate from top
$('.animated').waypoint(function() {
$(this).toggleClass($(this).data('animated'));
},
{ offset: 'bottom-in-view' });
//Animate from bottom
$('.animated').waypoint(function() {
$(this).toggleClass($(this).data('animated'));
});

或

http://jsfiddle.net/3qy0hs3L/1/

所需要做的就是为你的img添加不透明度:0。

相关文章：