首页 > 解决方案 > Jquery Waypoints - 一个动画到多个 div

问题描述

如何将一个 jquery 航点动画添加到多个 div?

如果我添加此代码“class .animation”,它仅适用于一个 div。

有任何想法吗?

$(".animation").waypoint(function(direction) {
        if (direction == "down") {
            TweenMax.to(".animation", .9,{y: 0, width: "790px", ease: Power4.easeOut});
            TweenMax.to(".animation", 1,{autoAlpha: 1, ease: Power4.easeOut});
        } else {
            TweenMax.to(".animation", 1,{y: 80,width: 0, autoAlpha: 0, ease: Power4.easeOut});
        }
    }, {
        offset: "60%"
    });

标签: javascriptjqueryjquery-waypoints

解决方案


这只是一个猜测,但是如果您尝试以下操作会怎样。

$(".animation").each(function(){
  $(this).waypoint(function(direction){
    ..code..
  });
});

推荐阅读