时间戳

首页 > 解决方案 > 父页面上的 EventListener - 阻止通过 iFrame 滚动

jquery - 父页面上的 EventListener - 阻止通过 iFrame 滚动

问题描述

我在 jQuery 上的 iFrame 事件侦听器遇到了一些问题，我需要修复的部分代码是：

function BlockScrollbar(e) {
  e.preventDefault();
}

$.fancybox.open({
  src: $(this).find("a:first").attr("href"),
  type: 'iframe',
  infobar: false,
  toolbar: false,
  beforeShow: function() {
    document.addEventListener('mousewheel', BlockScrollbar, {
      passive: false
    });
  },
  afterClose: function() {
    document.removeEventListener('mousewheel', BlockScrollbar);
  }
});

我禁用了整个页面上的滚轮，在加载 iFrame 期间，问题是由于某种原因，如果我通过 iFrame 滚动页面，我仍然可以滚动后面的页面。

我的目标是在打开 iFrame 时完全禁用滚动。你知道为什么它不能 100% 工作吗？谢谢。

标签： jqueryiframefancybox

解决方案

由于我正在打开一个 iFrame，因此整个文档能够滚动，尽管它导致事件侦听器基于第一页。我通过在 iFrame 打开的页面上添加一个 ready(function() 来解决此问题。

function BlockScrollbar(e) {
  e.preventDefault();
}


(function($) 
{
$(document).ready(function() 

{
document.addEventListener('mousewheel', BlockScrollbar, {passive: false});
}
);
})(jQuery);

推荐阅读