禁用 iframe 中的所有滚动，但允许单击答案

【问题标题】：Disable all scrolling in an iframe, but allow clicking禁用 iframe 中的所有滚动，但允许单击
【发布时间】：2014-08-15 02:45:12
【问题描述】：

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

编辑：不幸的是我无法控制 iframe 的内容:(

【问题讨论】：

如果您可以控制 iframe 的内容。 html{overflow:hidden} 应该这样做。
或查看这些其他滚动条选项：css-tricks.com/a-couple-of-use-cases-for-calc
@NiettheDarkAbsol 不幸的是我无法控制 iframe 的内容:(

标签： css html iframe scroll

【解决方案1】：

删除style="pointer-events: none;" 并将 iframe 的高度设置为其中文档的高度。如果 iframe 内有滚动的对象，并且 iframe 来自不属于您自己的域，那么很抱歉，您很不走运。您无法影响不在您自己的域上托管的 iframe 的内容。

【讨论】：