停止滚动触发另一个滚动的结束？

Question

我在这个示例代码中有两个div。如果向下滚动并超过蓝色div的末端，整个body/div也会向下滚动。有没有一种方法可以防止其他滚动效果，即使我在蓝色div上通过滚动边界？

i.e. when the blue div scrolls and reaches a boundary, nothing else should scroll. 

样品：http://jsfiddle.net/nXN9H/

CSS溶液者优先，但简单的JS/jquery的解决方案将是足够的。

Answer 1

我想你想是这样的

body 
{ 
    overflow:hidden; 
} 

JS Fiddle 1

你也可以试试这个

<div onmouseover="document.body.style.overflow='hidden';" onmouseout="document.body.style.overflow='auto';" > 

JS Fiddle 2