Прокрутка div вместо страницы
 

Добрый вечер, уважаемые форумчане ! Споткнулся о камень своих скудных знаний и не могу никак такую фичу сделать, а именно прокрутка div'a со свойством "overflow-y: auto;". Уже понял, что необходимо применить одну из функций jquery - ".scroll()" и убрать панель прокрутки с div'a, а вот как "подменить" и задействовать - не могу додуматься.
Гугл привел к хабру, но и тамошняя информация не сдвинула реализацию ни на шаг...
Будьте добры, подтолкните к мысли о том, с чего начать. И реально ли реализовать это без помощи Jquery ?

Пожалуйста. Прокрутка div вместо страницы:

<style>
    html, body {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    #scroller{
        overflow: auto;
        height: 100%;
        background: blue;
    }
    #content{
        height: 2000px;
    }
</style>

<div id="scroller">
    <div id="content"></div>
</div>