Question

I’ve been trying to figure out a way to do this stuff. What I want to do is to scroll the parent div (which has a scrollbar) when hovering an inner Div and scrolling.

Demo : http://jsfiddle.net/FdeAR/

Answer 1

Something like the following (Guessing from your requirement);

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

Basically bind a mousewheel event to the smaller div and scroll it up/down based on the direction of the mousewheel determined by the delta

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