2012-03-26 146 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