JSFiddle - React, Tailwind, and code Playground

HTML

<div id="conteneur">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia purus et turpis auctor porttitor. Maecenas hendrerit est velit, in ultricies nisl tempus id. Proin porttitor tincidunt lorem, non venenatis lectus consequat ut. Praesent porttitor congue justo, et viverra sem suscipit et. Aliquam erat volutpat. Curabitur vel lectus pellentesque, consequat mauris sed, pellentesque eros. Sed accumsan tempus risus eget egestas. Donec a neque ac nisi cursus lacinia gravida eget orci. Maecenas id elit nec arcu cursus consectetur. Pellentesque vel mi vulputate, scelerisque massa id, sodales ipsum. Vestibulum dignissim nisl ultricies metus gravida euismod nec sit amet nunc. Ut id neque massa.

Duis quis massa a ipsum commodo mattis. Morbi facilisis, justo in lobortis ultrices, urna lacus fringilla tortor, vel pharetra diam ipsum sit amet purus. Vestibulum quam nulla, ultricies eu eros ut, bibendum lacinia nulla. Sed mollis pellentesque enim, et viverra metus mattis quis. Nam placerat quam ut massa egestas dignissim. Cras tristique nibh non ex aliquam, non placerat leo interdum. Nam est purus, euismod in iaculis et, luctus eu nulla. Nullam ligula velit, interdum sit amet fermentum tincidunt, porta id purus. Sed ac vestibulum ipsum. Morbi varius rhoncus lacus non mollis. Etiam dui elit, pellentesque aliquam suscipit et, interdum non mauris. Suspendisse aliquam tincidunt ligula, non lobortis tellus molestie id. In vitae vehicula eros, a rhoncus mi. Proin a velit non sem tempus vulputate vel nec ligula.
    <span id="contenu">Elément sticky</span>
</div>

CSS

#conteneur{
    height: 2000px;
}
#contenu{
    position: sticky;
    display: inline-block;
    width: 100px;
    height: 25px;
    top: 50px;
    background-color: black;
    color: white;
}