jquery - Make hover work or capture mouse enter events on the scrollbar of an iframe? -
when try use hover or mouse enter events on div box contains iframe scrollbars find following issues in ie9-:
when approach mouse box , hit extern "border" of scrollbar, "mouse enter" event fires.
if keep going scrollbar, "mouse leave" event fires if scrollbar not part of box.
if leave scrollbar , go box "mouse enter" event fires again.
how can make scrollbar of iframe work rest of box? in firefox works well.
the html
<div class="hover_point"> <iframe height="250" width="250" src="www.20minutos.es"/> </div>
the css
<style> .hover_point{width: 250px; height:250px} </style>
the js
$(".hover_point").hover(function () { alert("hover"); }, function () { alert("no hover") });
here fiddle http://jsfiddle.net/kfuyp/
this seems z-index issue please follow below rule fix z-index issue.
<div style="position: relative; z-index: 3000"> <div style="position:absolute;z-index:1000;"> <a href="#">page</a> ... </div> </div>
Comments
Post a Comment