jQuery Waypoints在初始滚动时不起作用

Question

我使用下面的脚本和jQuery Waypoints plugin将元素淡入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

结帐$ .waypoints（'refresh'）以触发页面加载上的操作