iframe，允许单击但禁用滚动

Question

这是Disable all scrolling in an iframe, but allow clicking 的重复问题，但我将冒险再次询问，因为该问题是在 2014 年提出的，但没有找到解决方案（除了无法解决）。我正在拼命地想知道现在是否可以做到这一点。因此，我想再次发布这个问题：

我正在尝试禁用 iframe 中所有形式的滚动，但仍允许用户单击 iframe 中显示的按钮。我已经通过使用 scrolling="no" 和 style="pointer-events: none;" 成功禁用了所有形式的滚动（滚动条、鼠标滚轮等），但是后者禁用了所有形式的点击。是否可以阻止所有形式的滚动，同时仍然允许用户在 iframe 内单击以与按钮交互？

很遗憾，我无法控制 iframe 的内容。

这么多年过去了，现在有办法做到这一点吗？如果是这样，我会很高兴听到这个消息。我检查了各种类似的点击和滚动 iframe 的问题，但我还没有找到解决方案。

Answer 1

嗯...老实说，我从未尝试过。

但我想您可以在 iframe 的表面上放置一个 div（就好像它是一个透明的叠加层），然后当用户单击不可见的 div（即 iframe 上）然后触发点击事件内嵌框架？

如果您碰巧需要点击的坐标，请确保 div 具有与 iframe 完全相同的尺寸（但 z-index 较小，因此您确保它在其上），然后将 div 的点击事件坐标传递给你要触发的 iframe 的点击事件。

让我知道这是否有效！

问候。