javascript - jQuery scrollTop を使用して設定したピクセル数だけ上下にスクロールする

Question

オーバーフローのある div にリンクのリストがあります。私がやりたいことは、ユーザーがこのリンクのメニューで上下のボタンを使って移動できるようにすることです。ユーザーが対応するボタンをクリックするたびに、1 link 要素の高さで div を上下にスクロールする必要があります。いくつかのコードを試してみましたが、両方向に適切な量だけスクロールする方法がわかりません。誰でも私を助けることができますか？

すべてのリンクは同じクラスです。

編集：

私はすでに上下にスクロールすることができました。ここで、1 リンクの高さの小さなステップでスクロールする必要があります。

$(function() {
var ele   = $('#scroller');
var speed = 10, scroll = 5, scrolling;

$('.scroller-btn-up').click(function() {
    // Scroll the element up
    scrolling = window.setInterval(function() {
        ele.scrollTop( ele.scrollTop() - scroll );
    }, speed);
});

$('.scroller-btn-down').click(function() {
    // Scroll the element down
    scrolling = window.setInterval(function() {
        ele.scrollTop( ele.scrollTop() + scroll );
    }, speed);
});

$('.scroller-btn-up, .scroller-btn-down').bind({
    click: function(e) {
        // Prevent the default click action
        e.preventDefault();
    },
    mouseleave: function() {
        if (scrolling) {
            window.clearInterval(scrolling);
            scrolling = false;
            }
        }
    });
});