javascript - 不要将鼠标滚轮滚动传播到 IFRAME 及其内容

标签 javascript jquery iframe scroll

在我的页面上,我有 iframe,其中包含一些带有滚动条的 div: http://jsfiddle.net/gdx6L940/

iframe 的内容来自另一个域,因此我无法通过 DOM 访问其内容。

如何阻止 iframe 及其内容的鼠标滚轮滚动?我想要实现的是鼠标滚轮滚动将始终滚动父页面,即使光标位于 iframe 上也是如此。

编辑

我做了一个更真实的例子: http://jsfiddle.net/gdx6L940/2/

我想阻止内部 iframe 的 div(facebok 提要)用鼠标滚轮滚动。

编辑

要确保:我不想禁用 IFRAME 元素上的滚动条,也不想完全阻止所有事件。我只想阻止鼠标滚动,但保留单击的能力

最佳答案

我相信您可以简单地在现有元素之上设置另一个 div 元素,然后将其透明度设置为 100%。这可能不是实现目标的正确方法,但它应该有效。我会测试它并在必要时进行编辑

关于javascript - 不要将鼠标滚轮滚动传播到 IFRAME 及其内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34180329/

相关文章:

javascript - jQuery UI slider (从文本输入设置)

javascript - "Javascript"中的一组单选按钮

jquery - 页面滚动时停留在页面底部的粘性 div

javascript - 如何使用 HTTP POST 请求将参数发送到 Iframe

html - CSS 规则泄漏到页面的其余部分

javascript - 使用 fetch API 查询端点以获取 json 响应并返回空响应错误

javascript - 根据父 w/jQuery 调整宽度

javascript - 使用 jQuery 或 Javascript 动态调整具有动态内容的 iFrame

javascript - 使用 .children() 获取 <img> 元素

javascript - 使用 Javascript 写入表