2012-03-26 134 views
1

我一直在想辦法去做這個東西。我想要做的是滾動父div(其中有一個滾動條)時,懸停內部Div和滾動。如何滾動父區div時,懸停在子div和滾動?

演示:http://jsfiddle.net/FdeAR/

+0

你想在'較大向下滾動來確定鼠標滾輪的方向當你將鼠標懸停在較小的div上時是否正確? – ManseUK 2012-03-26 09:53:11

+0

他希望能夠滾動,就好像他沒有將鼠標放在較小的div上一樣。 – 2012-03-26 09:57:08

回答

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

感謝您的努力。它適用於此示例,但不適用於包含pdf的iframe。請看看它:http://jsfiddle.net/FdeAR/24/ – codef0rmer 2012-03-26 10:27:06

+1

http://jsfiddle.net/FdeAR/29/這是因爲你的iframe是隨着div滾動 – 2012-03-26 10:31:00