JSFiddle - React, Tailwind, and code Playground

by Paul Leech

HTML

<a href="#idElement1">Scroll to element 1</a>
<a href="#idElement2">Scroll to element 2</a>
<a #="id3" href="#idElement3">Scroll to element 3</a>
<a href="#idElement4">Scroll to element 4</a>

<h2 id="idElement1">Element1</h2>
Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum 
<h2 id="idElement2">Element2</h2>
Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum 
<h2 id="idElement3">Element3</h2>
Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin amet lorem ipsum Lorem ipsum dolor sin...

JavaScript

const idE3 = document.querySelector('#idElemet3');
const id3 = document.querySelector('#id3').addEventListener('click', function(e) {
	
    scrollTop: $("").offset().top
}, 100000);
});
$('#idElement3').onclick=function(){
$('html, body').animate({
    scrollTop: $("idElement3").offset().top
}, 100000);
}