Проблема прокрутки с переполнением CSS :прокрутка HTML

Вот jsFiddle для лучшего понимания:http://jsfiddle.net/BzYcZ/

У меня есть div с полосами прокрутки.

Я хочу, когда я использую прокрутку мыши, чтобы остановить прокрутку, когда достигну конца div, а не прокручивать всю страницу.

Что происходит, так это то, что когда я дохожу до конца div, вся страница начинает прокручиваться.

Я понимаю, что это управляется браузером, но есть ли какое-то событие JS, которое может справиться с такой ситуацией и предотвратить прокрутку всей страницы, когда мой курсор находится над этим элементом div.

РЕДАКТИРОВАТЬ:

Я хочу иметь возможность прокручивать всю страницу, но только когда моя мышь находится вне этого div.

РЕШЕНИЕ

.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

А вот часть JavaScript:

$('.small_content').hover(
    function () {
        $('body').addClass('noscroll');
    }, 
    function () {
        $('body').removeClass('noscroll');
    }
 );

Вот ссылка на рабочий jsFiddle:http://jsfiddle.net/BzYcZ/3/