淡入淡入時，淡入淡出時只有底部可見

Question

Iam使用航點插件，但我爲他人開放。 到目前爲止，我已經設法讓div來淡入時IAM向下滾動及其rached 30％：

element.waypoint(function(){    
    $(this).animate({ opacity: 1 }, 500);   
},{ 
    offset: '30%' 
}); 

但亞姆不能使其再次淡出，當其再次失控的看法。

感謝您的幫助。

這是一個太困難的問題，強大的stackoverflow？ ...

Answer 1

你可以隨您使用傳遞給函數的參數direction跨航點觸發點你是滾動的方向不同的事情：

element.waypont(function(direction) { 
    if (direction === 'down') { ... } 
    else { ... } 
}, { offset: '30%' }); 

您還可以創建多個航點用不同的偏移量，所以你可以對頁面不同部分的元素做出反應：

element 
    .waypoint(function(direction) { 
    $(this).toggleClass('visible'); 
    }, { offset: '10%' }) 
    .waypoint(function(direction) { 
    $(this).toggleClass('visible'); 
    }, { offset: '90%' });