Run
<!doctype html> <html lang="en"> <head> <title>jQuery Fix Div on Top on Scrolling</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(window).scroll(function() { if ($(this).scrollTop()>10) { $('.myDiv').hide(1000); } else { $('.myDiv').show(1000); } }); </script> <style> body{ height: 800px; } div{ background: #34d234; border: 1px solid #000; padding: 10px; color: #fff; margin-top:100px; } </style> </head> <body> <div class="myDiv"> <ul> <li>Arunachal Pradesh</li> <li>Himachal Pradesh</li> <li>Uttar Pradesh</li> <li>Madhya Pradesh</li> <li>Andhra Pradesh</li> </ul> </div> </body> </html>
Go to
Tutorialdeep Homepage