JSFiddle - React, Tailwind, and code Playground

by halirgb

HTML

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt nisi nihil saepe adipisci. Unde iure ex vitae quas corporis ipsum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id fugiat sint dignissimos provident ipsa tempora voluptatem minima officiis sunt...

JavaScript

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
       console.log('gowing down');
   } else {
      console.log('gowing up');
   }
   lastScrollTop = st;
});