Проблема с scrollBy

[maxx))]

Всем привет, многие знают что такое scrollby.
Проблема вот в чем, у меня есть див, и мне нужно прокручивать его содержимое нажимая на кнопку (вверх \ вниз) на заданную высоту.
Т.е нажал кнопку, спустился на 50px, нажал еще - еще 50px вниз, нажал вверх - поднялся на 50px. Пытался через scrollby сделать - не работает. Как я понял он к div'ам не применятся

[Sweet]

Меняй в css свойство top.

[maxx))]

как?

[рони]

maxx)),
http://learn.javascript.ru/metrics#scrolltop-scrollleft

scrollLeft/scrollTop можно изменять

В отличие от большинства свойств, которые доступны только для чтения, значения scrollLeft/scrollTop можно изменить, и браузер выполнит прокрутку элемента.

При клике на следующий элемент будет выполняться код elem.scrollTop += 10. Поэтому он будет прокручиваться на 10px вниз:

[maxx))]

Делаю вот так <a href="javascript://" onclick="$('#content').scrollTop+=10">top</a> не работает

[maxx))]

Вот так работает, но только один раз. Нужно чтобы работало пока не дошло до конца

<a href="javascript://" onclick="$('#content').animate({scrollTop: ($(window).scrollTop() + 10) + 'px'}, 300);">top</a>

[maxx))]

Вроде решено, может кому пригодится

<a href="javascript://" class="scroll-down">top</a>

<script>
$('.scroll-down').click(function() { 
    $('#content').animate({ 
       scrollTop: $('#content').scrollTop() + 10
    });
});
</script>