JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contact-list-scroller">
   <div id="contact_8965">stuff1</div>
   <div id="contact_8966">stuff2</div>
   <div id="contact_8967">stuff3</div>
   <div id="contact_8968">stuff4</div>
   <div id="contact_8969">stuff5</div>
</div>

CSS

#contact-list-scroller {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: Silver;
    overflow:hidden;
}

#contact-list-scroller div {
    background: white;
    width: 150px;
    height: 150px;
    border: 1px solid Gray;
}

JavaScript

var contactTopPosition = $("#contact_8967").position().top;

//$("#contact-list-scroller").scrollTop(contactTopPosition);
$("#contact-list-scroller").animate({scrollTop: contactTopPosition});