Question

当用户向下滚动时，我使用路标来获得动画，并且它有效。但正如你所看到的那样，在onload期间，对于前几个可见项目也有淡入淡出。

如何不拥有？因为我将所有.card绑定到[点。

我的js

$(function() {

var waypoints = $('.card').waypoint(function (direction) {
                        $(this).addClass("animated fadeIn");


            }, {
                offset: '90%'
            });

});

DEMO：http://jsfiddle.net/ghx49d7x/

Answer 1

不确定它是否正是您想要的，但您可以添加一个变量来指示页面是否已加载，只有添加fadeIn如果有：

$(function () {
    var pageLoaded = false;
    var waypoints = $('.card').waypoint(function (direction) {
        $(this).addClass("animated"
            + (pageLoaded ? " fadeIn" : ""));
    }, {
        offset: '90%'
    });
    pageLoaded = true;
});

更新小提琴：http://jsfiddle.net/ghx49d7x/3/

使用JS跳过动画中的可见项目

1 个答案: