JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="block">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione id adipisci ipsam dolore nobis voluptas vero, delectus quisquam, reiciendis sint aut labore. Voluptatibus libero distinctio aliquid, illo quidem nesciunt cupiditate!
    
    <div class="block-fixed">fixed</div>
</div>

CSS

.block {
    width: 300px;
    height: 200px;
    background-color: red;
    transform: translate(0);
}

.block-fixed {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: blue;
}