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();无法正常工作

阻止父级滚动查看：

Prevent scrolling of parent element?