我有一个包含 iframe 的模式框窗口（弹出窗口），
在该iframe 内有一个可滚动的div。
当我滚动 iframe 的内部 DIV 并且它已达到其上限或下限时，
浏览器本身的窗口开始滚动。这是一种不受欢迎的行为。
我已经尝试过这样的事情，
当鼠标进入弹出框区域时，它会在onMouseEnter 时杀死主窗口滚动：
e.preventDefault() 由于某种原因无法正常工作......
$("#popup").mouseenter(function(){
$(window).bind("scroll", function(e){
e.preventDefault();
});
}).mouseleave(function(){
$(window).unbind("scroll");
});
好像现在 2013 年e.preventDefault();就够了……
auto 默认的滚动溢出行为正常发生。
包含 在设置此值的元素内部观察到默认滚动溢出行为（例如“反弹”效果或刷新），但相邻滚动区域不会发生滚动链接，例如底层元素不会滚动。
无 相邻滚动区域不会发生滚动链接，并防止默认滚动溢出行为。
body{
height: 600px;
overflow: auto;
}
section{
width: 50%;
height: 50%;
overflow: auto;
background: lightblue;
overscroll-behavior: none; /* <--- the trick */
}
section::before{
content: '';
height: 200%;
display: block;
}<section>
<input value='end' />
</section>只需在滚动应该“锁定”到的元素上应用该样式属性，滚动事件就不会冒泡到任何可能也有滚动的父元素。
如果我们不能阻止窗口滚动，为什么不撤消它呢？即捕获滚动事件，然后滚动回固定位置。
只要悬停在 上，以下代码就会锁定 Y 轴$("#popup")：
// here we store the window scroll position to lock; -1 means unlocked
var forceWindowScrollY = -1;
$(window).scroll(function(event) {
if(forceWindowScrollY != -1 && window.scrollY != forceWindowScrollY) {
$(window).scrollTop(forceWindowScrollY);
}
});
$("#popup").hover(function() {
if(forceWindowScrollY == -1) {
forceWindowScrollY = $(window).scrollTop();
}
}, function() {
forceWindowScrollY = -1;
});
我将它用于http://bundestube.de/上的查询建议框 （在顶部搜索框中输入一些字符以使可滚动窗格可见）：
这在 Chrome/Safari (Webkit) 中完美运行，在 Firefox 和 Opera 中存在一些滚动故障。出于某种原因，它不适用于我的 IE 安装。我想这与 jQuery 的悬停方法有关，该方法似乎在 100% 的情况下都无法正常工作。
我知道这是一个很老的问题，但由于这是谷歌的顶级结果之一......我不得不以某种方式取消没有jQuery的滚动冒泡，这段代码对我有用：
function preventDefault(e) {
e = e || window.event;
if (e.preventDefault)
e.preventDefault();
e.returnValue = false;
}
document.getElementById('a').onmousewheel = function(e) {
document.getElementById('a').scrollTop -= e. wheelDeltaY;
preventDefault(e);
}
我的 jQuery 插件：
$('.child').dontScrollParent();
$.fn.dontScrollParent = function()
{
this.bind('mousewheel DOMMouseScroll',function(e)
{
var delta = e.originalEvent.wheelDelta || -e.originalEvent.detail;
if (delta > 0 && $(this).scrollTop() <= 0)
return false;
if (delta < 0 && $(this).scrollTop() >= this.scrollHeight - $(this).height())
return false;
return true;
});
}