JSFiddle - React, Tailwind, and code Playground

HTML

<button id="s">scroll to element 13</button>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
<div id="x13">13</div>
<div>14</div>
<div>15</div>
<div>16</div>
<div>17</div>
<div>18</div>
<div>19</div>
<div>20</div>

CSS

div {
  display:block;
  width: 100px;
  height:400px;
}

JavaScript

let s = document.getElementById('s');
s.addEventListener('click', ()=>{
	let x = document.getElementById('x13').scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
});