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

大佬教程收集整理的这篇文章主要介绍了父页面上的 EventListener - 阻止滚动 iFrame，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决父页面上的 EventListener - 阻止滚动 iFrame？

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

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% 工作吗？谢谢。

解决方法

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


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

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

 function BlockScrollbar() {
 window.parent.document.$('body').bind('touchmove',function(E){
  e.preventDefault();
 });

大佬总结

以上是大佬教程为你收集整理的父页面上的 EventListener - 阻止滚动 iFrame全部内容，希望文章能够帮你解决父页面上的 EventListener - 阻止滚动 iFrame所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。