scroll（）内のstopPropagation - メソッドはスクロールから外側のdivを停止しません

私は固定された高さを持つ内部の開発者と内容がy方向にスクロールできるoverflow-y: scroll;を持っています。スクロールが上部または下部に当たったとき、外側のdivがスクロールされます。私はそれを防止したい。scroll（）内のstopPropagation - メソッドはスクロールから外側のdivを停止しません

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

    e.stopPropagation(); 
});

が効果を持つ：私はJavaScriptを使用し、次の

<section id="concept" class="testimonials bg-black"> 
    <div class="col-lg-12"> 
     <div class="concept-frame"> 
     </div> 
    </div> 
</section>

。スクロールが外側のdivに伝播するのを止める方法はありますか？

出典

2016-11-11 Michael

あなたはこの作業の例を作ることはできますか？ –

@ParthTrivediここに：https://jsfiddle.net/3zc3n1oh/1/ – Michael

それが動作するとすれば、外側のコンテンツにスクロールバーがあることを確認したらユーザーとして何をすればよいのですか？下に隠れている？あなたは外側のdivをスクロールできないようにしましたが、どうすればそれをやり直すことができますか？そして私にそれを発見させますか？（あなたの質問はまったく正当なものですが、入れ子にされたスクロールに対する最良の答えは、可能な限り、避けてください。） – hashchange

スクロールイベントはバブルそうe.stopPropagation();は見た親のスクロールを防ぐために

を動作しませんしません：

Prevent scrolling of parent element?

出典

2016-11-11 09:08:49 madalinivascu

私は答えでコードを使用しようとしましたが、私の場合は効果がありません：https://jsfiddle.net/3zc3n1oh/3/ – Michael

https://jsfiddle.net/8wtee37u/ – madalinivascu

scroll（）内のstopPropagation - メソッドはスクロールから外側のdivを停止しません

答えて

関連する問題