JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scrollTop"></div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel sodales libero. Duis at libero sem, eu tempus lacus. Etiam sollicitudin arcu eu urna lobortis ultrices sollicitudin urna venenatis. Suspendisse eu arcu arcu. Duis semper hendrerit consequat. Pellentesque luctus vulputate posuere. Suspendisse lectus leo, sollicitudin in mollis vulputate, accumsan eu lorem.</p>

<p>Nulla sit amet lorem in lorem fringilla convallis. Phasellus pulvinar mollis fringilla. Morbi ullamcorper massa nec nulla vulputate et tincidunt lorem volutpat. Cras sed consequat purus. Nunc non risus leo, eu tempor ipsum. Integer sodales sodales tempus. Sed mattis, mauris sit amet aliquam feugiat, libero erat vehicula elit, in iaculis nisl ante id lorem. Praesent nisl ipsum, vehicula eget tincidunt ut, suscipit sit amet nibh. Nunc rutrum diam eu massa euismod sagittis fermentum tellus vestibulum. Pellentesque eu purus velit. Quisque neque erat, pulvinar a tempus sed, tempor non turpis.</p>

<p>Nulla iaculis, massa in tempus faucibus, sem lacus euismod massa, hendrerit suscipit felis lectus non neque. Curabitur vitae arcu in mauris auctor laoreet. Aenean ut lectus metus. Aenean tristique imperdiet dignissim. Suspendisse tincidunt felis in nunc facilisis tempor. Mauris faucibus odio sed urna malesuada commodo. Suspendisse et velit vel quam rhoncus varius. Curabitur malesuada suscipit ultrices. Cras sagittis molestie diam vehicula porttitor.</p>

<p>Nullam a dolor elit. Nam tristique gravida lacus eget lacinia. Donec et venenatis urna. Sed ullamcorper sagittis nulla, quis vehicula dolor semper at. Etiam luctus rhoncus erat a suscipit. Cras bibendum lacinia commodo. Donec quis massa dui. Aliquam hendrerit neque vitae magna sodales eget fringilla enim pulvinar. Maecenas euismod, tortor et adipiscing dignissim, est elit lobortis turpis, et malesuada enim eros eget tortor. Etiam adipiscing lobortis mauris, pretium hendrerit arcu sodales et. Nam imperdiet rhoncus...

CSS

#scrollTop {
    position:fixed;
    top:0;
    right:0;
}

JavaScript

$(function () {
    $(window).scroll(function () {
        var top_offset = $(window).scrollTop();
        $('#scrollTop').html(top_offset);
        if (top_offset == 0) {
            $('.top_head_separator')
            .removeClass('fixed-top')
            .removeClass('fade-in');
            alert('');
        } else {
            $('.top_head_separator').addClass('fixed-top fade-in');
        }
    })
});