JSFiddle - React, Tailwind, and code Playground

by sebababi

HTML

<div id="contact-list-scroller">
   <div id="contact_8965">top</div>
   <div id="contact_8966">stuff</div>
   <div id="contact_8967">stuff</div>
   <div id="contact_8968">stuff</div>
   <div id="contact_8966">stuff</div>
   <div id="contact_8967">stuff</div>
   <div id="contact_8968">stuff</div>
   <div id="contact_89fasd5">stuff</div>
   <div id="contact_8966">stuff</div>
   <div id="contact_8967">stuff</div>
   <div id="contact_8968">stuff</div>
   <div id="contact_8966">stuff</div>
   <div id="contact_8967">stuff</div>
   <div id="contact_8968">stuff</div>
   <div id="contact_8969">6666</div>
   .....
</div>

CSS

#contact-list-scroller {
  height: 20px;   
    overflow: hidden;
    border:1px dashed #ff0099;
    height:140px;
}

JavaScript

var id = 8969;

var scrollTop = $('#contact_' + id).offset().top;

$('#contact-list-scroller').attr('scrollTop', scrollTop);



var id = 8965;

var scrollTop = $('#contact_' + id).offset().top;

$('#contact-list-scroller').attr('scrollTop', scrollTop);