javascript - 当鼠标悬停在 IFRAME 上时防止在父页面上滚动

Question

我有一个 IFRAME，它将插入第 3 方站点(我无权访问)。

当鼠标光标在 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 = '';
});