Javascript jquery航路点与.scroll（）冲突

以下是我的JS代码：

$(window).scroll(function (event) {
    var scrollTop = $(window).scrollTop();
    var height = $(window).height();
    var opacity = ((height - scrollTop) / height);
    var scale = ((height - (scrollTop/10)) / height);
    console.log(opacity);
    if(opacity>=0.05){
        $.each(links, function( i, link ) {
            $(link).css({
                'opacity': opacity,
             });
        })} else {
            $(link).css({
                'opacity': 0.05
            });
        }
    if(scale>=0.9){
         $('#index').css({
            'transform': 'scale('+scale+')'
         });
    } else {
        $('#index').css({
            'transform': 'scale(0.9)'
        });
    }
});
$( document ).ready(function() {
    $('#aboutContent').waypoint(function(direction) {
        alert('hit!'); 
    });
});

.scroll（）函数的工作方式完全符合我的要求，但航路点根本不起作用。但是，如果我删除了.scroll（）函数，则航路点将正常工作。有人能发现问题的起因吗？我找不到.scroll（）和航路点之间的任何已知冲突。这里有一个JSFIDLE：如果删除.scroll（）函数，那么航路点应该可以工作

谢谢！

---

Jamie

在你的小提琴中，问题在这个

if-else

块中：

if (opacity >= 0.05) {
  $.each(links, function(i, link) {
    $(link).css({
      'opacity': opacity,
    });    
  })
} else {
  $(link).css({ // <-- link is no longer in scope and is undefined 
    'opacity': 0.05
  });
}

if（不透明度>=0.05）{
$。每个（链接，函数（i，链接）{
$（link.css）({
“不透明度”：不透明度，
});    
})
}否则{
$（link）.css（{//仅通过查看您的代码很难解决此类问题。请将相关代码移动到JSFIDLE或其他环境中，我们可以在其中重现/查看问题。我想可能是这样的。下面是一个JSFIDLE：如果您删除$（窗口）。scroll（）航路点的功能很有效。非常感谢！吸取了教训（设计师试图在这里开发！）