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

Stop end of scroll triggering another scroll?

本文关键字:滚动 另一个 结束      更新时间:2023-09-26

在这个示例代码中有两个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解决方案就足够了。

我想你需要这样的东西

body
{
    overflow:hidden;
}

JS Fiddle 1

你也可以试试这个

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

JS Fiddle 2