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

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