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?

stopPropagation in scroll()-Method won't stop outer div from scrolling