如何在鼠标div上滚动滚动父div并滚动?

时间:2012-03-26 09:49:07

标签: jquery jquery-plugins jquery-selectors

我一直在试图找到一种方法来做这些事情。我想要做的是在悬停内部Div和滚动时滚动父div(有一个滚动条)。

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

1 个答案:

答案 0 :(得分:2)

如下所示(根据您的要求猜测);

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

基本上将鼠标滚轮事件绑定到较小的div并根据delta确定的鼠标滚轮的方向向上/向下滚动

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