title: how to scroll the content top and bottom using top and bottom buttons
body: <p>please some one helps, how to scroll the content top and bottom using buttons and hidden scroll bar. below my example code.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;button onclick="scrollWin(0, 50)"&gt;Scroll down&lt;/button&gt;
  </code></pre>
  
  <p>Click one of the buttons (multiple times) to scroll the document window.</p>
  
  <pre><code>&lt;p&gt;Look at each scrollbar to see the effect.&lt;/p&gt;
  &lt;p&gt;Click one of the buttons (multiple times) to scroll the document window.&lt;/p&gt;
  &lt;p&gt;Look at each scrollbar to see the effect.&lt;/p&gt;
  &lt;button onclick="scrollWin(0, -50)"&gt;Scroll up&lt;/button&gt;&lt;br&gt;&lt;br&gt;
  &lt;script&gt;
  function scrollWin(x, y) {
   window.scrollBy(x, y);
  }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  &lt;style&gt;
  
  button {
  
  border: 0;
  
  border-radius: 2px;
  
  width: 100%;
  
  background-color: #efefef;
  
  }
  
  .my-custom-scrollbar {
  
  position: relative;
  
  height: 200px;
  
  overflow: auto;
  
  }
  
  &lt;/style&gt;
  </code></pre>