JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scroller">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ut libero eget arcu sollicitudin molestie eget sit amet nulla. Maecenas mattis leo sit amet tincidunt auctor. Suspendisse ut lacus id neque lobortis finibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent imperdiet nisl ac neque pellentesque mollis. Ut sagittis leo at augue finibus, ut efficitur augue efficitur. Aliquam eget quam sit amet augue laoreet porta ut at elit. Suspendisse sed ex eu lorem imperdiet pulvinar.

Integer sagittis vehicula nibh quis placerat. Mauris et hendrerit ipsum. Sed tincidunt, nisi quis tristique dapibus, diam augue mollis leo, quis pharetra quam lacus et nulla. Nam placerat sodales tellus vel pharetra. Vivamus id felis a odio pretium tristique vel id arcu. Sed porttitor molestie gravida. Donec enim purus, scelerisque eu tincidunt ac, gravida ut risus. Praesent tortor velit, pulvinar sed dignissim vitae, bibendum at augue. Donec a mi bibendum, tempus lorem et, imperdiet lorem. Integer rhoncus augue at libero hendrerit, ut faucibus lectus tincidunt. Vivamus sit amet tellus eget tortor fringilla placerat sed vitae libero. Ut euismod vestibulum risus, vel blandit leo dictum sed. Morbi at tortor quis quam tempor ornare. Vivamus luctus arcu et dolor hendrerit pellentesque. Cras et fringilla mauris, vel eleifend dui.

Donec facilisis nunc pulvinar risus ullamcorper, non luctus tortor venenatis. Maecenas at nisl nec nulla eleifend auctor. Pellentesque scelerisque dignissim enim quis commodo. Integer sodales purus eget pharetra dapibus. Mauris quis imperdiet augue. Morbi et tortor ut mi faucibus pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit mauris sed ipsum semper, in accumsan velit blandit.
</div>
<br>
<button id="scroll-up">Scroll Up</button>
<button id="scroll-down">Scroll Down</button>

CSS

#scroller{
    width:400px;
    height:180px;
    overflow: auto;
    margin: 0 auto;
}

JavaScript

var div = document.getElementById('scroller'),
    butUp = document.getElementById('scroll-up'),
    butDown = document.getElementById('scroll-down');

var scrollLength = 30;

butUp.onclick = function() {
    div.scrollTop -= scrollLength;
};

butDown.onmousedown = function() {
    div.scrollTop += scrollLength;
};