通過js實現置頂方法


  • <!DOCTYPE html  
  • PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  • "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  • <html>  
  • <head>  
  • <script type="text/javascript">  
  • var timer  
  • function scrolltop()  
  • {  
  • document.getElementById('scrollmenu').style.top=document.documentElement.scrollTop || document.body.scrollTop || 0;  
  • //兼容寫法。頁面具有DTD時,使用document.documentElement.scrollTop;沒有指定DTD時使用document.body.scrollTop,所以用## || ## || 0 兼容  
  • timer=setTimeout("scrolltop()",1) //1毫秒調用一次scrolltop()方法  
  • }  
  • function stoptimer()  
  • {  
  • clearTimeout(timer)  
  • }  
  • </script>  
  • </head>  
  •   
  • <body onload="scrolltop()" onunload="stoptimer()">  
  •   
  • <div id="scrollmenu" style="position:absolute;">  
  • <b>置頂菜單</b><br />  
  • <href="###">導航一</a><br />  
  • <href="###">導航二</a><br />  
  • <href="###">導航三</a><br />  
  • <href="###">導航四</a><br />  
  • </div>  
  •   
  • <style="height:1000px">當頁面出現滾動條的時候,菜單依然置頂<br />默認為左上角置頂,當為id="scrollmenu"的style添加屬性right:0則右上角置頂</p>  
  •   
  •   
  • </body>  
  • </html>  

  • 免責聲明!

    本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



     
    粵ICP備18138465號   © 2018-2025 CODEPRJ.COM