2012-03-26 10 views
1

私はこのようなことをする方法を見つけようとしています。私がしたいのは、内側divをホバリングしてスクロールするときに親div(スクロールバーを持つ)をスクロールすることです。子divをホバリングしてスクロールするときに親divをスクロールする方法はありますか?

デモ:http://jsfiddle.net/FdeAR/

+0

'によって決定マウスホイールの方向に基づいて/それを上下にスクロールしますあなたが '小さなdiv 'の上に「ホバーする」とき、「div」 - 正しいのですか? – ManseUK

+0

例に基づいて、小さなdivの上にマウスを置いていないかのようにスクロールできるようにしたいと考えています。 –

答えて

2

次(あなたの条件から推測)のようなもの。

http://jsfiddle.net/FdeAR/23/

基本的には小さいdiv要素にマウスホイールイベントを結合して、あなたは大きなを下にスクロールしたいデルタ

$(function() { 
    $('div:last').bind('mousewheel', function (e) { 
     var direction = e.originalEvent.wheelDelta >= 0 ? '-' : '+'; 
     $('div:first').animate({'scrollTop': direction + '=20px'}, 10); 
    }); 
});​ 
+0

あなたの努力に感謝します。この例では機能しましたが、iframeにPDFがある場合は機能しません。それを見てみてください:http://jsfiddle.net/FdeAR/24/ – codef0rmer

+1

http://jsfiddle.net/FdeAR/29/ iframeがdivと一緒にスクロールされるためです –