快速回到顶部的JavaScript代码

 

1. <div id="AdLayer" style=" position:absolute; width:16px; display:none; right:30px; border:1px solid #313; padding:4px;">   
2.     <a href=# style="width:16px; text-decoration:none; ">回到顶部</a>  
3. </div>  
4. <h1>a</h1>  
5. <h1>a</h1>  
6. <h1>a</h1>  
7. <h1>a</h1>  
8. <h1>a</h1>  
9. <h1>a</h1>  
10. ...  
11. ..  
12. .  

<div id="AdLayer" style=" position:absolute; width:16px; display:none; right:30px; border:1px solid #313; padding:4px;"> <a href=# style="width:16px; text-decoration:none; ">回到顶部</a> </div> <h1>a</h1> <h1>a</h1> <h1>a</h1> <h1>a</h1> <h1>a</h1> <h1>a</h1> ... .. .

[javascript] view plain copy print ?

1. <script type=text/javascript>  
2.     var n = 450;  
3.     var gotop=document.getElementById("top");  
4.     if(!gotop) {   
5.     return false;  
6.     }  
7.     var x = 0;  
8.     window.onscroll = function() {  
9.     gotop.style.top = (document.body.scrollTop || document.documentElement.scrollTop) + n + 'px';  
10.     x = (document.body.scrollTop || document.documentElement.scrollTop) + n;  
11.     if(x == 450){   
12.         gotop.style.display = 'none';  
13.     } else {   
14.         gotop.style.display = '';  
15.     }  
16.     };  
17.     window.onresize = function() {  
18.     gotop.style.top = (document.body.scrollTop || document.documentElement.scrollTop) + n  +'px'  
19.     };  
20. </script>