stopPropagation in scroll()-Method won't stop outer div from scrolling
<p>I have a inner dev with a fixed height and <code>overflow-y: scroll;</code> where the contents can be scrolled in y direction. When the scrolling hits the top or the bottom the outer div is scrolled. I want to prevent that.</p>

<pre><code>&lt;section id="concept" class="testimonials bg-black"&gt;
   &lt;div class="col-lg-12"&gt;
      &lt;div class="concept-frame"&gt;
      &lt;/div&gt;
   &lt;/div&gt;
&lt;/section&gt;
</code></pre>

<p>I use following JavaScript:</p>

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

    e.stopPropagation();
} );
</code></pre>

<p>But with no effect. How can I stop that the scrolling is propagated to the outer div?</p>