網(wǎng)頁點(diǎn)擊按鈕返回頂部代碼

本文格式為Word版，下載可任意編輯——網(wǎng)頁點(diǎn)擊按鈕返回頂部代碼網(wǎng)頁點(diǎn)擊按鈕返回頂部代碼

網(wǎng)頁點(diǎn)擊按鈕返回頂部代碼應(yīng)如何操作呢？使用HTML的.錨標(biāo)記最簡樸了，但是唯一的缺點(diǎn)就是樣式不怎么樣，會(huì)顯示這個(gè)錨標(biāo)記。就跟隨我去了解下吧，想了解更多相關(guān)信息請(qǐng)持續(xù)關(guān)注我們我!

aname=topid=top/a

放置位置在body標(biāo)簽之后隨意找個(gè)地方放都可以，只要靠近頂部即可。

頁面底部放置：

ahref=#toptarget=_self返回頂部/a

使用JavascriptScroll函數(shù)返回頂部

使用JavascriptScroll函數(shù)返回頂部

scrooll函數(shù)用來操縱滾動(dòng)條的位置，有兩種很簡樸的實(shí)現(xiàn)方式：

方式1：

ahref=javascript:scroll0,0返回頂部/a

scroll第一個(gè)參數(shù)是水平位置，其次個(gè)參數(shù)是垂直位置，譬如要想定位在垂直50像素處，改成scroll0,50就可以了。

方式2：

本方式是漸進(jìn)式返回頂部，要好看一些，代碼如下：

functionpageScroll

window.scrollBy0,-10;

scrolldelay=setTimeoutpageScroll,100;

ahref=pageScroll;返回頂部/a

這樣就會(huì)動(dòng)態(tài)返回頂部，不過雖然返回到頂部但是代碼仍在運(yùn)行，還需要在pageScroll函數(shù)加一句給中斷掉。

ifdocument.documentElement.scrollTop==0clearTimeoutscrolldelay;

三、使用Onload加上scroll功能實(shí)現(xiàn)動(dòng)態(tài)返回頂部

首先在網(wǎng)頁BODY標(biāo)簽終止之前加上：

pid=gotop返回頂部/p

2、再調(diào)用以下JS腳本片面：

BackTop=functionbtnId

varbtn=document.getElementByIdbtnId;

vard=document.documentElement;

window.onscroll=set;

btn.onclick=function

btn.style.display=none;

window.onscroll=null;

this.timer=setIntervalfunction

d.scrollTop-=Math.ceild.scrollTop*0.1;

ifd.scrollTop==0clearIntervalbtn.timer,window.onscroll=set;

,10;

;

functionsetbtn.style.display=d.scrollTop?block:none

;

BackTopgotop;

對(duì)Z-BLOG而言，可以放到$document.readyfunction函數(shù)中，也可以獨(dú)立存成一個(gè)js文件，譬如gotop.js，再通過：

SCRIPTsrc=/js/gotop.jstype=tex