Jquery Waypoints偏移

Question

我正在试图弄清楚当使用jQuery waypoint来满足偏移时我可以使div滑出并向后滑动，我也在使用dan eden CSS动画。这是我已经制作的代码，但问题是当我向后滚动时div不会向后滑动，即使我将偏移设置为100％

JAVASCRIPT

$(".slide_copy1").waypoint(function(){
    $(this).addClass(" slideInLeft").removeClass("slideOutRight");      
},{offset:'100%'})

$(".slide_copy1").waypoint(function(){
    $(this).addClass("slideOutRight").removeClass("slideInLeft");       
},{offset:'0%'})

更新帖子 -

$(".slide_copy1").waypoint(function(){
    $(this).addClass(" slideInLeft").removeClass("slideOutRight");
},{offset: '100%' function(){
    $(this).addClass("slideOutRight").removeClass("slideInLeft");   
}})

Answer 1

如果要在两个方向上应用两个不同的更改，则需要4个航点;通过这种方式，您可以定义＆＃39;该区域应该进行修改。我创建了一个小小提琴作为例子，在这种情况下，div在窗口高度的25％到75％之间变为蓝色：http://jsfiddle.net/sandro_paganotti/mLAr2/

$("div").waypoint(function(){
    $(this).addClass("blue").removeClass("red");      
},{offset:'25%'});

$("div").waypoint(function(){
    $(this).addClass("red").removeClass("blue");      
},{offset:'24%'});

$("div").waypoint(function(){
    $(this).addClass("blue").removeClass("red");       
},{offset:'74%'});

$("div").waypoint(function(){
    $(this).addClass("red").removeClass("blue");      
},{offset:'75%'});