在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和切換機構「溢出」屬性。