JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scrollWrapper">
	<div id="scroll">
		scroll me (long text to make the line full:
			a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a 
		if you can<br>and want
	</div>
</div>

CSS

#scrollWrapper {
	overflow: hidden;
	position: relative;
	height: 200px;
	border: 1px solid black;
}
#scroll {
	overflow: auto;
	height: 100%;
	line-height: 200px;
	padding-right: 30px;
	margin-right: -30px;
}

JavaScript

var timeout = false;
document.getElementById("scroll").onscroll = function(){
	window.clearTimeout(timeout);
	this.style.paddingRight = this.style.marginRight= "0px";
	
	var This = this;
	window.setTimeout(function(){
		This.style.paddingRight = This.style.marginRight= "";
	}, 2000);
}