Javascript 当鼠标位于IFRAME上时，防止在父页面上滚动

我有一个IFRAME，它将插入第三方站点（我无权访问）

---

当鼠标光标位于IFRAME上时，是否有方法防止在父页面上滚动？

您必须运行一个脚本来修改父元素CSS。这通常仅在承载在同一域上的iFrame上允许。如果您想尝试跨域执行此操作，请参见以下答案：

问题也在这里得到了彻底的回答。

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

// 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 = '';
});