2011-12-06 27 views
6

例:http://jsbin.com/ofifiy/2/edit#previewjQueryの - 非スクロール可能なdivの上のScrollイベント

私は非スクロールのdiv(緑1)とのdiv(赤1)をスクロールしてみてください。 緑色のdivをスクロールすると、jquery scroll()は発生しません。

HTML

<div id="targetWithNoScroll" style="border:1px solid #0f0; width:100px; height:100px;"> 
    scroll here = scroll the red div<br /> 
    </div> 

JS

$('#targetWithNoScroll').scroll(function() { 
    $('body').append('No scroll <br />'); 
}); 
+4

:しかし、私はそれはあなたに多くの時間を節約でき、これらのいずれかを取って推薦しますスクロールする能力?これは私にとって正しい動作です。 –

+0

論理をここで説明してください。あなたは起動しないdiv(スクロールできないdivでスクロールする)にリスナーを適用するので、コールバックに「何も起こっていません」と出力できますか?それは意味をなさない。 – OptimusCrime

答えて

5

あなたはそのDIVにマウスホイールイベントをバインドする必要があります。 残念ながら、ネイティブのjQueryマウスイベントはないので、プラグインを選択するか、自分で書き込む必要があります。あなたがスクロールイベントがノーを持っているのdivに起動するように期待するのはなぜ

http://brandonaaron.net/code/mousewheel/demos/

http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

http://www.ogonek.net/mousewheel/jquery-demo.html

関連する問題