Как прокрутить родительский div при наведении на дочерний div и прокрутке?

Question

Я пытался найти способ сделать это. Что я хочу сделать, это прокрутить родительский div (который имеет полосу прокрутки) при наведении курсора на внутренний Div и прокрутке.

Демо: http://jsfiddle.net/FdeAR/

Answer 1

Что-то вроде следующего (догадываясь по вашему требованию);

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

По сути, связывайте событие колесика мыши с меньшим делителем и прокручивайте его вверх / вниз в зависимости от направления колесика мыши, определяемого дельтой

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