Jquery路径点偏移量

Question

我想弄清楚我如何能使div滑出和滑动回来时，使用jQuery路径点满足偏移量，我也使用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%'})

UPDATED POST -

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

Answer 1

如果你想在两个方向上应用两个不同的更改，你需要4个路径点;通过这种方式，您可以"定义"应该进行修改的区域。我已经创建了一个小提琴作为例子，在这种情况下，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%'});