JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <!-- <button class="start">Scrolling</button> -->
  <button class="speed" scrolling="plus">+10s</button>
  <button class="speed" scrolling="minus">-10s</button> <br>
  <span id="res"></span>
</section>

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam repellat nihil placeat, ullam blanditiis iusto laboriosam quam sunt, quaerat ratione esse quasi eum temporibus voluptas itaque perspiciatis ex mollitia neque.</div>
<div>Sit, quia. Ullam laborum neque voluptates cumque repellendus, minus placeat nihil ab similique optio, cupiditate architecto sint, esse fugit fuga, incidunt magni tenetur inventore! Laborum non modi culpa consectetur, aliquid!</div>
<div>Vel corrupti officia sit in. Quaerat quo tempore molestias nemo possimus! Earum id obcaecati nam est, maiores laboriosam velit ut vitae aperiam odit possimus eligendi culpa sunt alias nulla consequatur.</div>
<div>Veritatis consequatur adipisci explicabo in dolor officiis voluptate voluptatibus provident minima itaque ex suscipit deserunt aspernatur odio, ipsum commodi tempore. Harum odio rerum sit quis ratione voluptate, deserunt impedit provident.</div>
<div>Explicabo nulla dolores, ipsa perferendis, voluptate laudantium veniam distinctio provident atque, in nobis natus aspernatur eligendi eius, voluptates? Ullam consequuntur accusamus ducimus dolores velit, facilis vel molestiae accusantium tempore nulla.</div>
<div>Reiciendis velit error, fuga adipisci, id rem aliquid voluptatum enim quaerat officia, suscipit, incidunt consectetur. Iure saepe deserunt cum voluptatibus neque praesentium recusandae reprehenderit voluptas, repellat impedit inventore aspernatur, facilis.</div>
<div>Aliquam repellat, quae odit sequi inventore commodi dignissimos harum a, dicta ex placeat mollitia vitae voluptates velit impedit rerum repudiandae ut soluta perspiciatis qui numquam quidem incidunt laborum. Adipisci, voluptate.</div>
<div>Accusamus a veritatis quis natus officiis tenetur reiciendis...

CSS

div {
  width: 300px;
  border: 0.1px solid;
  margin: auto;
}

section {
  position: fixed;
  /* top: 30px; */
}

JavaScript

var speedScrolling = 120000;
var b = $('body').height();
$(document).on('click','.speed',function(){
	speedScrolling = ($(this).attr('scrolling') == 'plus') ? speedScrolling-20000: speedScrolling+20000 ;
	$("html, body").stop();
  if(speedScrolling > 0){
  	$("html, body").animate(
    	{ scrollTop: b },
      speedScrolling,'linear');
    }
});