JSFiddle - React, Tailwind, and code Playground

by nikolya223

HTML

<div id="bar" style="width: 500px; height:90px; background:gray;"></div>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>

CSS

#bar {position:fixed;}
[scroll] {box-shadow:0 0 5px red;}

JavaScript

var bar;
var scrollOur;

$(window).scroll(function(){ 
 scrollOur= $(window).scrollTop();
    alert(scrollOur)

        
        
        
 });