Prevent parent page from scrolling when mouse is over embedded iframe in Firefox

Question

...without limiting the scroll inside the iframe or the need to specifically name/tag all scrollable elements.

Imagine google maps widget embedded i

Answer 1

I think that will solve your problem it solved mine

    var myElem=function(event){
  return $(event.toElement).closest('.slimScrollDiv')
}

$(document).mouseover(function(e){
     window.isOnSub=myElem(e).length>0



})

$(document).on('mousewheel',function(e){
  if(window.isOnSub){  
console.log(e.originalEvent.wheelDelta);      
    if( myElem(e).prop('scrollHeight')-myElem(e).scrollTop()<=myElem(e).height()&&(e.originalEvent.wheelDelta<0)){

      e.preventDefault()
    } 


}

})

replace '.slimScrollDiv' with the element selector you want to
prevent parent scroll while your mouse is on it

http://jsbin.com/cutube/1/edit?html,js,output