JSFiddle - React, Tailwind, and code Playground

by Kamal Kumawat

HTML

<ul id="list"> 
           <li id="1">value 1</li> 
           <li id="2">value 2</li> 
           <li id="3">value 3</li> 
           <li id="4">value 4</li> 
           <li id="5">value 5</li> 
           <li id="6">value 6</li>
     <ul>

JavaScript

var $s = $('select');

var optionTop = $s.find('[value="3"]').offset().top;
var selectTop = $s.offset().top;

$s.scrollTop($s.scrollTop() + (optionTop - selectTop));