jquery - 如何使用 JQuery .on() 来捕捉滚动事件

Question

我正在尝试使用 jQuery 中的 .on() 来捕获标签内的滚动事件。

所以这是我的解决方案:

• div id='popup'
• .fixedHeader 类是我尝试固定在 div 框架顶部的东西。

• getScrollTop() 是一个返回顶部值的 javascript 函数(有效)

  $(document).on("scroll#popup", '#popup', function(){
     alert('scrolling');
     $(".fixedHeader").css("position", "relative");
     $(".fixedHeader").css("top", getScrollTop());
  });
  

Answer 1

混淆在于“on()”的工作原理。在 jQuery 中，当您说 $(document).on(xx, "#popup", yy) 时，您试图在 xx 事件到达文档但原始目标是“#popup”时运行 yyy。

如果文档没有收到 xx 事件，则意味着它没有冒泡!详细信息在 jQuery On 文档中，但三个事件“load”、“error”和“scroll”不会在 DOM 中冒泡。

这意味着您需要将事件直接附加到接收它的元素。 $("#popup").on(xx,yy);