個人還是挺喜歡這種即插即用的代碼，特別是關(guān)于返回頂部的！
之前就有介紹過幾篇都是關(guān)于返回頂部的特效代碼，都比今天要分享的更為全面，拿來即用，所以如果不是研究返回代碼的話，可以參考以下幾篇文章：
2、案例：jQuery 返回頂部（返回頂部、微信、評論、反饋）
3、為zblogPHP等網(wǎng)站添加返回頂部、QQ、旺旺、二維碼等在線客服功能的特效代碼教程
本文即將要介紹的一款就是在滾動下拉到一定高度，自動顯示返回頂部，默認(rèn)不顯示，僅僅是顯示：
代碼分享：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>即插即用 javascript實現(xiàn)滾動下拉一定高度顯示返回頂部，默認(rèn)不顯示</title>
</head>
<body>
<style type="text/css">
#top_div{ position:fixed; bottom:80px; right:0; display:none; }
</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 >= 500 ) {
top_div.style.display = "inline";
} else {
top_div.style.display = "none";
}
}
</script>
<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1
<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1
<a name="top">頂部<a>
<div id="top_div"><a href="#top">返回頂部</a></div>
<br />
<br />
<div> 這里盡量多些<br />
以便頁面出現(xiàn)滾動條，限于篇幅本文此處略去 </div>
</body>
</html>目前大多數(shù)網(wǎng)站都采用如此顯示的方法，在初始狀態(tài)下是不顯示返回頂部圖標(biāo)的，之后在下拉到一定高度后，才會觸發(fā)并顯示返回頂部！