JSFiddle - React, Tailwind, and code Playground

by icntfan

HTML

<!DOCTYPE html>
<html>
<head>
  <style>
  div { color:blue; }
  p { color:green; }
  span { color:red; display:none; }

  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
        
        
  <div>Scroll yapmayı dene.</div>
  <p>Paragraf- <span>Scroll oldu!</span></p>
<script>
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $(window).scroll(function () { 
      $("span").css("display", "inline").fadeOut("slow"); 
    });

</script>
    
</body>
</html>