javascript - 在这个 jsfiddle 示例中，如何让滚动停止传播

Question

有问题的jsfiddle。我想这样做，如果您在“c”div 内滚动，它不会传播到“b”div 并进入“a”。问题似乎是滚动事件没有像我期望的那样传播。有没有办法让它按照我想要的方式运行？我对 click 事件尝试了同样的事情，这就像一个魅力。

Answer 1

scroll级别太高，与鼠标滚轮没有直接关系，而是与项目的滚动有关。

如果您使用mousewheel事件，它会起作用：

$('#c').on('mousewheel', function(e){
    $('#console').append('<br />C scrolled!');
});
$('#b').on('mousewheel', function(e){
    e.stopPropagation();
    $('#console').append('<br />B scrolled!');
});
$('#a').on('mousewheel', function(e){
    $('#console').append('<br />A scrolled!');
});

您可以在此处检查当您在 C 上滚动鼠标时只显示“C 滚动”和“B 滚动”：http: //jsfiddle.net/dystroy/pvxXJ/