JSFiddle - React, Tailwind, and code Playground

by techsin

HTML

<div class="a">
    <div class="s"></div>
    <ul>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
        <li>adsfsd</li>
  ...

CSS

.a {
    height: 300px;
    border:1px solid;
    width: 200px;
    overflow: auto;
    position: relative;
}

.s {
    background-color: blue;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

ul {
    
}

JavaScript

$('.a').scroll(function(){
    var s = $(this);
    $('.s').css('top',s.scrollTop());
});