JSFiddle - React, Tailwind, and code Playground

by zoldello

HTML

<div id="scrollToMe"></div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<div>ABC</div>
<button onclick="scroll">Button</button>

JavaScript

var scroll = function() {
console.log(document.querySelector('#scrollToMe'))
document.querySelector('#scrollToMe').scrollIntoView({
 		behavior: 'smooth',
 	 	block: 'end',    
	})
}