JSFiddle - React, Tailwind, and code Playground

by Ali Khaled

HTML

<div class="social">I'm social</div>
<div class="title">I'm title</div>

CSS

body { height: 1500px }
.social { margin-top: 50px; }

JavaScript

var divs = $('.social, .title');
$(window).on('scroll', function() {
   var st = $(this).scrollTop();
   divs.css({ 'opacity' : (1 - st/35) });
});