JSFiddle - React, Tailwind, and code Playground

by S.M. Murad Hasan Tanvir

HTML

<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>
  <div class="gg">asjacnsn</div><br/>
  asjacnsn<br/>
  asjacnsn<br/>
  asjacnsn<br/>

  asjacnsn<br/>
  asjacnsn<br/>

JavaScript

$(function(){
  //$(window).trigger("scroll");
  $(window).scroll(function(){  	
  	var win_height = $(window).height();
    var win_top = $(window).scrollTop();
    var offset_top = $(".gg").offset().top;
    alert("dg");
    var con = win_top > 0 ? win_top : win_height;
    
    if( con > offset_top){
      alert("gg is visible");
      $(".gg").fadeIn(2000);
    }
  })
})