網絡癱瘓上不了網？電腦出故障？找破解軟件？加入創想工作室QQ群，向大神求助，一步解決問題！QQ群號碼：18345199。[點此獲取更多QQ群]
今天無意間逛360網站發現的，分析了一下代碼發現很簡潔，所以整理出來分享給有需要的朋友啦。
代碼中的
<script type="text/javascript">$(window).scroll(function(){$(this).scrollTop()>400?$(".gotop-btn").css("display","block"):$(".gotop-btn").hide()})</script>
數字400改為別的可以控制高度才出現返回頂部的按鈕。
怎樣，是不是很簡單咧？
完整代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>返回頂部代碼</title><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><style>@charset "utf-8";html, body, h1, h2, h3, h4, h5, h6, hr, p, pre, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, input, textarea, button, img { margin:0; padding:0; }body, button, input, select, textarea { font:14px/1.8 "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB", helvetica, sans-serif; }img { border:0;}.wraper { height:2000px; text-align:center; margin:0 auto; padding-top:20px; width:960px; background-color:#F7F7F7; font-size:22px; color:#FF0000; }.gotop { position:fixed; right:50%; bottom:20px; margin-right:-580px; }.gotop-btn { display:block; width:62px; height:52px; background:url(images/gotop.png) no-repeat 0 0; text-indent:-9999px; }.gotop-btn:hover { background-position:0 -54px; }</style><script type="text/javascript" name="jquery" src="js/jquery-1.8.3.js"></script></head><body><div class="wraper">鼠標往下滾動然后注意右下角，有驚喜！</div><div class="gotop"><a href="javascript：document.body.scrollTop=0;document.documentElement.scrollTop=0;void(0);" class="gotop-btn" title="回到頂部" style="display:none; ">回到頂部</a></div><script type="text/javascript">$(window).scroll(function(){$(this).scrollTop()>400?$(".gotop-btn").css("display","block"):$(".gotop-btn").hide()})</script></body></html>
