在iframe有焦点时让父窗口滚动

Question

我想让焦点放在iframe上时使用鼠标滚轮时不让父窗口滚动。只有在达到iframe滚动限制时才会发生这种情况。它非常烦人。我发现了类似的Q & 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和切换机构“溢出”属性。