javascript - stopPropagation in scroll() - 方法不会阻止外部 div 滚动

标签 javascript jquery html scroll stoppropagation

我有一个具有固定高度和 overflow-y: scroll; 的 inner dev,其中内容可以在 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?

最佳答案

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

防止父级滚动看到:

Prevent scrolling of parent element?

关于javascript - stopPropagation in scroll() - 方法不会阻止外部 div 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40544394/

相关文章:

javascript - 如何从 window.getComputedStyle() 或其他函数返回 rgba 值?

javascript - 如何动态更改 jquery 弹出窗口的文本?

php - 我想在我的 html 脚本中加载一个 php 页面

html - 页脚位于窗口底部,而不是页面底部。我究竟做错了什么?

javascript - 如何使用 JavaScript 打开 Microsoft Office(Chrome、Firefox、IE)

单个元素上的 Javascript

javascript - "$(this)"和 "this"有什么区别?

javascript - 如何使用functions.php文件Wordpress中的参数对php函数进行ajax调用

javascript - 如果使用 Javascript 打开另一个 div,则让 div 关闭

javascript - jQuery 文本在第一次点击时不切换