JSFiddle - React, Tailwind, and code Playground

HTML

<div id="holder">
<div id="content">
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
lkjsdf lksjd flksjd flksdjf lskdjf lskjd flkjs
</div>
</div>
<div id="info">NONE
</div>

CSS

#holder{
  display:block;
  width:200px;
  height:200px;
  overflow-y:scroll;
  
}

#content{
  line-height:2rem;
  
}

JavaScript

document.getElementById("holder").addEventListener("touchstart",TS)
document.getElementById("holder").addEventListener("touchmove",TM)




let allowScroll=true;
function TS(e){
  setTimeout(function(){
  	allowScroll=false;
    document.getElementById("holder").style.backgroundColor="red";
  },1000)
}

function TM(e){
	document.getElementById("info").innerHTML=allowScroll;
	if(!allowScroll){
		e.preventDefault();
  }
}