当鼠标在iframe上时，防止在父页面上滚动

Question

我有一个iFrame，它将被插入到第三方网站（我没有访问权限）。

有没有一种方法可以防止鼠标指针在iFrame中时在父页面上滚动？

Answer 1

您将必须运行修改父元素CSS的脚本。通常仅在托管在同一域中的iframe上才允许这样做。如果您想跨域尝试这样做，请参见以下答案：

Ways to circumvent the same-origin policy

在这里，被质疑者也得到了彻底的回答。 Access parent window from iframe (cross-domain)

如果您在同一域中，则可以尝试以下操作：

// Mouseover event to remove scrolling from parent window's document.
document.body.addEventListener('mouseover', function() {
  parent.window.document.body.style.overflow = 'hidden';
});
// Mouseover event to restore scrolling on parent window's document.
document.body.addEventListener('mouseleave', function() {
  parent.window.document.body.style.overflow = '';
});