如何在 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...
});

您可以通过阅读他们的 documentation

来了解有关 Fancybox 库中可用事件的更多信息

如何在 FancyBox 上附加滚动事件

How to attach scroll event on FancyBox

javascript

jquery

fancybox