讓jQuery在向上滾動時添加一個類時遇到問題

Question

如果您在下面查看，我在偏移量-185處添加了幾個類，當您向下滾動時，會有兩個動畫/淡入。當您向上滾動偏移量時，我希望將酒吧淡出，但我無法實現此目的。我使用jQuery的航點腳本http://imakewebthings.com/jquery-waypoints/

$('#wrapper').waypoint(function(event, direction) { 
    $('#scroll-action').toggleClass('hidden', direction === "up"); 
}, { 
    offset: -185 
}).find('#scroll-action').waypoint(function(event, direction) { 
    $('#scroll-action').removeClass('hidden'); 
    $(this).parent().toggleClass('sticky', direction === "down"); 
    $('#scroll-action').addClass('animated fadeIn'); 
    event.stopPropagation(); 
}, { 
    offset: -185 
}); 

Answer 1

我想你應該把它簡化一點就會更容易解決您的問題。你需要換掉你的邏輯，但是簡化它只能使用#wrapper的航點，我認爲這是一條路。當您向下滾動並且#wrapper在窗口上方185px時，則淡入#scroll-action。當你向上滾動然後淡出。我認爲把航點也#scroll-action可能會導致兩者衝突。

$(function() { 
    $('#wrapper').waypoint(function(event, direction) { 
    if(direction === "up") { 
     $('#scroll-action').fadeOut(); 
    } else { 
     $('#scroll-action').fadeIn(); 
    } 
    }, { offset: -185}); 
}); 

Here's a jsFiddle that is similiar to what you are doing, so you can see this in action.請確保您使HTML窗口很小。