You can edit / change the code and click run button
<!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>scroll demo</title> <style> div { color: red; } p { color: black; height:100px; } span { color: blue; display: none; } </style> <script src="../../../jquery-1.10.2.js"></script> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head> <body> <div>Try scrolling the iframe.</div> <div> <p>See the scroll Demo- <span>Scroll is going on</span></p> </div> <script> $( "p" ).clone().appendTo( document.body ); $( "p" ).clone().appendTo( document.body ); $( "p" ).clone().appendTo( document.body ); $( window ).scroll(function() { $( "span" ).css( "display", "inline" ).fadeOut(5000); }); </script> </body> </html>