title: Scroll Down div when click on element
body: <p>I've seen some custom Scrollbard but don't work for what I need...
  I have a div element with dynamic text, sometimes there is lots of text so scroll bars shows up, I wonder if is possible to <code>overflow: hidden;</code> and have an image (arrow pointing down) that when clicked, the div will scroll down normally like when using the browsers scrollbar.<br>
  I have seen lots of this: <a href="https://grsmto.github.io/simplebar" rel="nofollow noreferrer">https://grsmto.github.io/simplebar</a>, all have scroll bars on the side, none has what I want.</p>