当iframe具有焦点时，保持父级滚动

Question

我希望在聚焦iframe时使用鼠标滚轮保持父级滚动。仅当达到iframe滚动限制时才会发生这种情况。它太烦人了。我找到了类似的Q＆amp; A，但没有使用鼠标滚轮。滚动条不会导致父项滚动，只会滚动鼠标滚轮。

Answer 1

您可以在iframe中的'wheel'和'mousewheel'事件上设置处理程序。在事件处理程序内部，您应确定转向的方向以及是否到达页面的顶部或底部（取决于方向） - 取消事件的默认操作。

jQuery伪代码：

$(document).on('wheel mousewheel', function(e) {
  var direction = getWheelDirection();


  if ( direction == 'bottom' ) {
    if ( ...bottom of page reached... ) return false;
  } else {
    if ( ...top of page reached... ) return false;
  }

} );

Answer 2

或者，您可以在iframe上设置“悬停”处理程序并切换正文“溢出”属性。