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

Question

Я использую приведенный ниже скрипт вместе с плагином 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%' 
});

});

Answer 1

checkout $.waypoints('refresh') для запуска действий при загрузке страницы