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

标签 javascript html css

此示例代码中有两个 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

关于javascript - 停止滚动结束触发另一个滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16244497/

相关文章:

html - 需要在页脚内并排放置 5 个 div

css - ASP.NET MVC Razor 和 css block

html - Bootstrap 3 标题颜色不均匀

javascript - 如何在 jquery 的追加函数中为 html 标签生成变量 ID

html - 使用 css 显示 3 个带有彼此相邻的标题的图形

javascript - PHP 通过 AJAX 和 Async 在 Javascript 中

html - FF/IE 位置 :absolute bug

jquery - 如何在删除 sortable 时删除样式属性?

javascript - 两个爪子应用程序扩展一起使用时返回相同的值

javascript - Java 中的圆周调试