jQuery Waypoints在初始滾動中不起作用

Question

我將下面的腳本與jQuery Waypoints插件一起使用，以在瀏覽器窗口中將元素居中50％（或75％）時將其淡入100％的不透明度。 該代碼似乎工作得很好，除了元素最初似乎不會淡入。當我向下滾動然后向上備份時，似乎正在觸發它們。

$(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'）觸發頁面加載操作