JSFiddle - React, Tailwind, and code Playground

by Ehsan Ziya

HTML

<div id='dummy'></div>
<div id='text'>1</div>

CSS

body{
    
}
#dummy{
    height: 40000px;
    
}
#text{
    font-size: 50px;
    position: fixed;
    top: 200px;
}

JavaScript

function par(event){
    
    //event.preventDefault();
    var element = document.getElementById('dummy');
    var text = document.getElementById('text');
    text.style.top = window.pageYOffset + 100;
    text.innerHTML = window.pageYOffset;
      
}
window.addEventListener("scroll", par, false);