幾種常用網(wǎng)頁返回頂部代碼

使用錨標(biāo)記

需在body下放個隱藏的錨點(diǎn)標(biāo)記，內(nèi)容如下：

然后，在網(wǎng)頁底部放一個訪問鏈接即可：

此方法效果是一次直接跳到頂部，而且URL地址欄會顯示個#top。

使用JS scrollTo函數(shù)

javascript scroll函數(shù)（scrollBy scrollTo）是用來滾動頁面到指定位置，格式定義如下：■scrollBy(xnum,ynum)■scrollTo(xpos,ypos

■xnum，ynum分別指水平、垂直滾動多少像素，正值表示向右或向下滾動，負(fù)值表示向左或向上滾動
■xpos，ypos分別指水平和垂直坐標(biāo)。

scrollBy慢速滾動返回頂部

本方式使用上面提到的scrollBy函數(shù)，每次只滾動定量像素，整體看起來有點(diǎn)滾動效果，代碼如下：

scrollBy函數(shù)第二個參數(shù)我設(shè)了-100，越大（比如-10）滾動越慢，越小滾動越快，啟動滾動只需在頁面底部加個鏈接：

JQuery實(shí)現(xiàn)返回頂部功能

首先需要在頂部添加如下html元素：<p id="back-to-top"><a href="#top"><span></span>返回頂部</a></p>，其中a標(biāo)簽指向錨點(diǎn)top，可以在頂部防止一個<a name="top"></a>的錨點(diǎn)，這樣在瀏覽器不支持js時也可以實(shí)現(xiàn)返回頂部的效果了。要想讓返回頂部的圖片顯示在右側(cè)，還需要一些css樣式，如下：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:0731-84117792 E-MAIL:11247931@qq.com