如何在 FancyBox 上附加滚动事件

Question

我有一个很大的fancybox弹出窗口并包含滚动，我需要任何事件来在这个fancybox弹出窗口上附加滚动。

我已经尝试了一些事件，例如：

$('.fancybox-inner').off("scroll").on("scroll", function(){debugger;});

或者

$('#FancyBox').off("scroll").on("scroll", function(){debugger;});

和其他方式，但没有任何效果。

有没有人有想法？

Answer 1

Fancybox 内容是动态生成的。 因此，您需要为滚动事件使用委托的事件处理程序：

$(document).on('scroll', '.fancybox-inner', function() { 
  debugger;
});

或者，您可以使用它公开的内置事件在显示 FancyBox 时手动添加scroll事件：

$('#yourFancyBox').fancybox({
  afterShow: function() {
    $('.fancybox-inner').on('scroll', function() {
      debugger;
    });
  }
  // other settings...
});

您可以通过阅读 Fancybox 库中的文档了解更多关于可用事件的信息