JSFiddle - React, Tailwind, and code Playground

by tr_santi

HTML

<div id="myTitle">
    THIS SHOULD FADE OUT
</div>

CSS

body {
    height: 5000px;
}

div {
    padding: 100px;
    background-color: red;
    color: white;
}

JavaScript

document.addEventListener("scroll", function() {
    document.getElementById("myTitle").style.opacity = (75 - document.body.scrollTop) / 75;
});