JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <div id="inner">
        1 <br />
        2 <br />
        3 <br />
        4 <br />
        5 <br />
        6 <br />
        7 <br />
        8 <br />
        
    </div>
</div>
<button id="up">Up</button>
    <button id="down">Down</button>

CSS

#outer {
    height: 20px;
    overflow: hidden;
    border: 1px #000 solid;
    width: 200px;
}

JavaScript

$("#up").click(function() {
    $("#inner").css('marginTop', parseInt($("#inner").css('marginTop'))-10);    
});$("#down").click(function() {
    $("#inner").css('marginTop', parseInt($("#inner").css('marginTop'))+10);   
});