JSFiddle - React, Tailwind, and code Playground

by Ashish Mishra

HTML

<div>
    <header></header>
    <article>
        <span></span>
    </article>
    <footer></footer>
</div>

CSS

html,body{width:100%;margin:0;padding:0;}
div{width:100%;margin:0 auto;padding:0;}
header{
    width:100%;
    height:100px;
    background:red;
   }
article{
width:100%;
height:600px;
background:yellow;    
margin:0;padding:0;
}
span{
    
    width:100%;display:inline-block;
    height:200px;
    margin:0;padding:0; background:#222;
}
footer{width:100%;height:100px;background:green;}

JavaScript

$(window).scroll(function(e){
alert(e.pageX);
});