JSFiddle - React, Tailwind, and code Playground

by tripcollor

HTML

Прокрути элементы в нижнем блоке и вернись к первому элементу цвет бэеграунда первого элемента проподет =)
    <div class="datalist" id="biomarkers-list">
      <div class="datalist_item selected">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div class="datalist_item">lorem</div>
      <div...

CSS

.datalist{
     width: 320px;
     max-height: 200px;
     overflow: auto;
     position: fixed;
     z-index: 999999999;
     top: 50px;
   }
   .datalist .selected{
     background: #ccc;
     position: relative;
   }