Jquery 滚动时事件未触发

我的地址如下：

但它没有开火，我需要知道主包装器一击中头部，这样我就可以使“辅助导航”也得到修复

这几乎奏效了：

// $('.off-canvas-wrapper').on('scroll', function(){
//  console.log($('.off-canvas-wrapper').scrollTop());
//  if($('.off-canvas-wrapper').scrollTop() == 418 || $('.off-canvas-wrapper').scrollTop() > 417) {
//      $('.secondary-nav').addClass('fixed-nav');
//  }
//  else {
//      $('.secondary-nav').removeClass('fixed-nav');
//  }
// });

---

但不幸的是，“$（'.off canvas wrapper'）.scrollTop（）”会根据窗口的大小进行更改。

我认为可能是您将事件应用到的元素错误。试试这个：

$(window).on('scroll', function(){
     console.log('ffsdfsd');
});

---

问题是您正在将滚动事件附加到

.main content

元素

根据说明，滚动事件仅适用于窗口对象、可滚动帧/元素

当用户滚动到某个元素时，滚动事件被发送到该元素 元素中的不同位置。它适用于窗口对象，但也适用于 使用溢出CSS属性集创建可滚动的框架和元素 滚动

尝试将滚动事件附加到窗口对象，并检查

滚动顶部

与

主要内容

顶部

$（函数（）{
var$main=$（“.main包装”），
top=$main.offset（）.top；
函数词缀（）{
var scrollTop=$（窗口）.scrollTop（）；
如果（顶部<滚动顶部）{
//应用css修复导航
警报（“粘贴导航”）；
$（'.secondary-nav'）.addClass（'fixed-nav'）；
}否则{
$（'.secondary-nav'）.removeClass（'fixed-nav'）；
}
}
$（窗口）。滚动（粘贴）；
});
。顶级内容{
高度：500px；
}
.主包装{
高度：800px；
背景色：红色；
}

向下滚动

满足于此

您在（'scroll'，'main wrapper'，function（）{console.log（'ffsdfsd'）；}）上尝试过这个$（'body'）；不需要委托..问题是根本不会调用它：$（窗口）。滚动（粘贴）；你确定文件准备好了吗？适合我。我得到以下信息：无法读取未定义的属性“top”。它在文件里面ready@Alex我的错。。。我的元素名为
main content
，而你的元素名为
main wrapper
，请尝试更改它，看看它是否有效。已更新但仍然无效：
$(window).on('scroll', function(){
     console.log('ffsdfsd');
});