jQuery Waypoints не работает при начальной прокрутке

Я использую приведенный ниже сценарий вместе с плагином jQuery Waypoints, чтобы сделать элементы прозрачными до 100%, когда они центрированы на 50% (или 75%) в окне браузера. Код, кажется, работает довольно хорошо, за исключением того, что элементы, кажется, изначально не исчезают. Когда я прокручиваю вниз, а затем возвращаюсь назад, кажется, что они вызывают их тогда.

$(document).ready(function() {
$('#feature').waypoint(function(event, direction) {
   var targetOpacity = direction === "down" ? 1 : .25;
   $(this).stop().animate({ "opacity": targetOpacity });
}, {
   offset: '50%'
});

$('#footer').waypoint(function(event, direction) {
   var targetOpacity = direction == "down" ? 1 : .25;
   $(this).stop().animate({ "opacity": targetOpacity });
}, {
   offset: '75%' 
});

});