宽容他人，放过自己。

js中控制css中的元素_window.onscroll

Posted on Jun 13, 2016 By anchoriteFili

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>公会驻地</title>
<link rel="stylesheet" type="text/css" href="css练习.css">
<script src="css练习.js"></script>

<style type="text/css"> 
#top_div{ 
    top:80px; 
    right:0; 
    display:inline; 
} 
</style> 
<script type="text/javascript"> 
window.onscroll = function(){ 
    var t = document.documentElement.scrollTop || document.body.scrollTop;  
    var top_div = document.getElementById( "top_div" ); 
    if( t >= 300 ) { 
        top_div.style.position = "fixed";
    } else { 
        top_div.style.position = "static";
    } 
} 

</script>

</head>

<a name="top">顶部<a> 
<div id="top_div"><a href="#top">返回顶部</a></div> 
<br>
<br>
<div> 
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
这里尽量多些<br />
 
</div>
</body>
</html>