scroll（）中的stopPropagation-方法不会阻止外部div滚动

Question

我有一个内部开发设备，高度固定，overflow-y: scroll;可以在y方向上滚动内容。当滚动达到顶部或底部时，外部div滚动。我想防止这种情况。

<section id="concept" class="testimonials bg-black">
   <div class="col-lg-12">
      <div class="concept-frame">
      </div>
   </div>
</section>

我使用以下JavaScript：

$( ".concept-frame" ).scroll( function(e) {
    console.log( "Scolling ..."+$(this).scrollTop() );

    e.stopPropagation();
} );

但是没有效果。如何停止滚动传播到外部div？

Answer 1

滚动事件不会冒泡，所以 e.stopPropagation();不起作用

为了防止父级滚动，请参阅：

阻止父元素滚动？