title: stopPropagation in scroll()-Method won't stop outer div from scrolling
body: <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>