Javascript 如何防止在iFrame（完美滚动条）上停止滚动？

我用它来改变滚动条的外观

尽管进行了各种尝试，但我无法使其正常工作，事实上，如果我在iFrame上方滚动页面，则滚动无法正常工作，正如您在以下代码段中所看到的：

$（'.modal container'）.perfectScrollbar（）
。行正文{
溢出：隐藏；
填充：0；
}
.行正文，.行页面{
框大小：边框框；
边界底部：0；
宽度：100%；
保证金：0自动；
}
.排体，十二{
宽度：100%；
高度：100vh；
}
.正文内容{
背景：#191919；
溢出：隐藏；
填充底部：30px；
}
乌多普勒斯先生{
位置：相对位置；
z指数：11；
高度：180像素；
}
.column、.columns{
浮动：左；
最小高度：1px；
位置：相对位置；
}
.活动视频，.活动音乐{
宽度：80%；
保证金：0自动；
}
#yt包装机{
位置：相对位置；
垫底：56.25%；
身高：0；
溢出：隐藏；
}
#yt包装器iframe{
位置：绝对位置；
宽度：100%；
身高：100%；
}
#主要内容{
底部：0；
位置：绝对位置；
顶部：46px；
底部：0；
右：0；
溢出y：自动；
溢出x：隐藏；
}
.排体，十二{
宽度：100%；
}
.ps容器{
-ms触摸动作：自动；
触摸动作：自动；
溢出：隐藏！重要；
-ms溢出样式：无；
}
.包裹主管道{
保证金：0自动；
最大宽度：1440px；
}

问题在于浏览器认为您正在尝试滚动该I帧。尝试在父页面中放置一个透明的div或gif覆盖该I帧。这可能会阻止悬停进入iframe。
您可以使用指针事件来实现这一点。这里有一个例子


$（“#G-wrapper”）。单击（函数（）{
$（this.find（“iframe”）.css（“指针事件”、“自动”）；
});
$（“#G-wrapper”）.mouseleave（函数（）{
$（this.find（“iframe”）.css（“指针事件”，“无”）；
});
部分{填充：100px 0；背景：#aaa；}
#G-wrapper{宽度：600px；边距：自动；}
#G-wrapper iframe{指针事件：无；}
@媒体屏幕和屏幕（最大宽度：767px）{
#G-包装{宽度：300px；}
#G-wrapper iframe{宽度：300px；高度：200px；}
}
当然，在完美的滚动条类包装器之上，您需要包装器来实现指针事件


$（'.modal container'）.perfectScrollbar（）
。行正文{
溢出：隐藏；
填充：0；
}
.行正文，.行页面{
框大小：边框框；
边界底部：0；
宽度：100%；
保证金：0自动；
}
.排体，十二{
宽度：100%；
高度：100vh；
}
.正文内容{
背景：#191919；
溢出：隐藏；
填充底部：30px；
}
乌多普勒斯先生{
位置：相对位置；
z指数：11；
高度：180像素；
}
.column、.columns{
浮动：左；
最小高度：1px；
位置：相对位置；
}
.活动视频，.活动音乐{
宽度：80%；
保证金：0自动；
}
#yt包装机{
位置：相对位置；
垫底：56.25%；
身高：0；
溢出：隐藏；
}
#yt包装器iframe{
位置：绝对位置；
宽度：100%；
身高：100%；
}
#主要内容{
底部：0；
位置：绝对位置；
顶部：46px；
底部：0；
右：0；
溢出y：自动；
溢出x：隐藏；
}
.排体，十二{
宽度：100%；
}
.ps容器{
-ms触摸动作：自动；
触摸动作：自动；
溢出：隐藏！重要；
-ms溢出样式：无；
}
.包裹主管道{
保证金：0自动；
最大宽度：1440px；
}

如果我这样做，我就不能再使用iFrame了。我还遗漏了什么吗？@ninecatorules我现在正在移动，所以我无法给你准确的参考，但你要做的是允许点击事件通过GIF。iirc，这叫冒泡。我知道，但我来这里是想找到一个更好的方法。现在我仔细看了你的例子，我认为是闪光灯吸引了光标的注意力。你可能想尝试用html5嵌入视频，看看这是否有区别。谢谢你的建议，但这只是一个例子…我有其他iFrame不是YouTube视频我需要在我的项目中使用插件完美的滚动条