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

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 小提琴 1

你也可以试试这个

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

JS 小提琴 2