的jQuery插件航點 - 刪除上課的時候拿出來看

Question

我使用的航點插件

$('.thing').waypoint(function(direction) { 
    jQuery(".block7").addClass("active"); 
}); 

現在我想修改它使從.thing元素刪除添加的類時，立即出其瀏覽器的看法。我上面添加的代碼是什麼？

Answer 1

您可以通過查看direction來實現。如果相同的偏移作品添加並刪除類，你可以把這個在你的處理器

var waypoint = new Waypoint({ 
    element: $('.thing'), 
    handler: function(direction) { 
    if (direction == 'up') { 
     $(".block7").removeClass("active"); 
    } else { 
     $(".block7").addClass("active"); 
    } 
    }, 
    offset: '100%' 
}) 

或者，如果你想不同的偏移量，可以使2個航點。

var waypoint = new Waypoint({ 
    element: $('.thing'), 
    handler: function(direction) { 
    $(".block7").addClass("active"); 
    }, 
    offset: '75%' 
}) 

var waypoint2 = new Waypoint({ 
    element: $('.thing'), 
    handler: function(direction) { 
    if (direction == 'up') { 
     $(".block7").removeClass("active"); 
    } 
    }, 
    offset: '100%' 
}) 

這裏有一個codepen - http://codepen.io/anon/pen/oZqMdJ