使用JS单击向左和向右滚动Div

Question

我有以下脚本来上下滚动div。我想知道是否有一种方法可以修改为现在左右。我做了一些看似显而易见的事情，即将ele.scrollTop改为ele.scrollRight。脚本的正确修改是什么？

JS小提琴：http://jsfiddle.net/swQ7J/5/

原创（上/下）脚本：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script>
$(function() {
    var ele   = $('#scroll');
    var speed = 25, scroll = 5, scrolling;

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

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

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