JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<div class="page-wrap">


<div class="page-content"> 

<div class="menu">

</div>



<div class="avatar-container">
<div class="avatar-puls"></div>
<div class="avatar-frame">
<img class="avatar-img" draggable="false" src="images/avatar.png">
</div>

<div class="circle"></div>

</div>


<div class="posts">

<div class="up-line"></div>

<div class="post">
<div class="cycle">
<img class="cycle-img" draggable="false" src="images/maps/1.png">
</div>
</div>

<div class="cycle-middle">
<div class="line"></div>
<div class="outer-dot"></div>
<div class="inner-dot"></div>
<div class="line"></div>
</div>
</div>
</div>
</div>

JavaScript

$(window).scroll(function(){
$('.menu').css('left',-$(window).scrollLeft());
});