javascript - 到达 iFrame 底部时不滚动网页

Question

当我到达带滚动条的 iFrame/div 的底部并继续向下滚动时，整个页面将向下滚动。

我做了一个快速的 JSFiddle 来演示这个问题:http://jsfiddle.net/fbgxf771/1/

<div class="whole-page" style="height:2000px;"> 
    <iframe style="height: 100px;" src="http://example.com"></iframe>
</div>

继续向下滚动 div 或 iframe，当您到达底部时，整个页面将向下滚动。

我怎样才能禁用它？

Answer 1

你可以这样处理

$('.inner-content-with-y-scroll').mouseenter(function(){
   $("body").css("overflow","hidden");
});
$('.inner-content-with-y-scroll').mouseleave(function(){
   $("body").css("overflow","scroll");
});

这是一个 fiddle :http://jsfiddle.net/m4feddh1/