<html> <head> <script type="text/javascript"> var timer; function scrolltop() { document.getElementById('scrollmenu').style.top=document.body.scrollTop; timer=setTimeout("scrolltop()",1); } function stoptimer() { clearTimeout(timer); } </script> </head> <body onload="scrolltop()" onunload="stoptimer()"> <span id="scrollmenu" style="position:absolute"> <b>Menu</b><br /> <a href="../default.htm">W3Schools</a><br /> <a href="https://w3schools.sinsixx.com/www.microsoft.com/default.htm">Microsoft</a><br /> <a href="https://w3schools.sinsixx.com/www.altavista.com/default.htm">Altavista</a><br /> </span> <table border="0" width="100%"> <tr> <td width="100"> </td> <td>Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> Scroll this page to see the "always-on-top" menu <br /><br /><br /><br /><br /> </td> </tr> </table> </body> </html>
Your Result:
Edit the code above and click to see the result.
W3Schools.com
- Try it yourself