Email To
Send your code on your email ID as HTML file
×
Submit
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <style> p{ width: 100%; padding: 50px 0; text-align: center; font: bold 34px sans-serif; background: #f0e68c; position: fixed; top: 50px; display: none; } .dummy-content{ height: 600px; font: 34px sans-serif; text-align: center; } </style> <script> $(document).ready(function(){ $(window).scroll(function() { $("p").show().fadeOut("slow"); }); }); </script> </head> <body> <p>Scroll Happened!</p> <div class="dummy-content">Scroll the viewport.</div> <div class="dummy-content">Scroll the viewport.</div> <div class="dummy-content">Scroll the viewport.</div> <div class="dummy-content">Scroll the viewport.</div> <div class="dummy-content">Scroll the viewport.</div> </body> </html>
