找到或制作一張返回頂部的圖片，可以使用百度圖片查找返回頂部按鈕找到并引用jq文件，確保路徑正確 3在前加入返回按鈕代碼 4在中加入樣式，如果是引用css文件，直接加css文件中，但要注意圖片的路徑正確 back。

在最后加入以下代碼ltscript type=quottextjavascriptquot src=quotlt？php bloginfo#39template_directory#39？jsgototopjsquot lt？php if is_singular ？ lt？php ？ jsgototopjs需要改。

onscroll 事件，而無(wú)需等到滾動(dòng)行為結(jié)束下面的例子演示了一個(gè)極普遍的應(yīng)用利用 onscroll 事件檢測(cè)滾動(dòng)條位置，當(dāng)向下滾動(dòng)到一定位置時(shí)，在頁(yè)面右下角會(huì)出現(xiàn)“返回頂部”的錨鏈接，以方便網(wǎng)站用戶快速返回頂部。

也許會(huì)有人覺(jué)得這個(gè)功能很簡(jiǎn)單，沒(méi)有什么說(shuō)的，但據(jù)我目前所知，就有五種方法實(shí)現(xiàn)這個(gè)功能而且不同的方法能實(shí)現(xiàn)的效果也是有所不同的下面介紹下這些方法網(wǎng)頁(yè)中“返回頂部”的html代碼有好幾種不同的編寫(xiě)方式1簡(jiǎn)單。

使用jquery吧，很容易解決注意要包含jqueryjs，網(wǎng)上下載吧，很多的具體實(shí)現(xiàn)如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0。

1首先新建一個(gè)html文件，在文件內(nèi)引入script標(biāo)簽備用2然后需要把body的高度設(shè)置得很大，直接在style標(biāo)簽中設(shè)置body標(biāo)簽的樣式，給它一個(gè)很大的高度3然后在JS腳本中直接設(shè)置window的onscroll事件就可以獲取滾動(dòng)條滾動(dòng)。

dingbu2display引入 文件 windowon#39scroll#39，function var st = $documentscrollTop if st0 $#39dingbu2#39fadeIn300 else $#39dingbu2。

前進(jìn) historyforward=historygo1后退 historyback=historygo1但是如果加在熱區(qū)中 ltmap name=quotMapsquot id=quotMapsquot ltarea shape=quotrectquot coords=quot2，2，79，52quot href=quotjavascripthistorygo。

其中a標(biāo)簽指向錨點(diǎn)top，可以在頂部防止一個(gè)的錨點(diǎn)，這樣在瀏覽器不支持js時(shí)也可以實(shí)現(xiàn)返回頂部的效果了要想讓返回頂部的圖片顯示在右側(cè)，還需要一些css樣式，如下css view plain copy *returnTop* p#backtotop。

不這段代碼加到你的html里，就可以了，如果覺(jué)得不美觀，可以用圖片代替“返回頂部”如果對(duì)你有幫助，望采納。