返回頂部js代碼(返回頂部按鈕html+css)
2在主題中調(diào)用 js 文件新建立一個 js 文件,在文件中加入如下代碼jQuerydocumentreadyfunction$ 這里就是你需要添加的教程中提到的一些 jQuery 代碼例如返回頂部標(biāo)簽里面的JS文件是這樣寫的jQuery。
dingbu2display引入 文件 windowon#39scroll#39,function var st = $documentscrollTop if st0 $#39dingbu2#39fadeIn300 else $#39dingbu2。
點擊回頂部,或是回某個位置,主要是設(shè)置scrollTop下面是一個簡單回頂?shù)睦酉旅娴睦邮蔷徛仨斎绻麑⒖焖倩仨?,可以直接讓scrollTop = 0就可以了 bodyheight5000px input positionfixed bottom。
可以使用網(wǎng)頁的錨點,即標(biāo)簽的id屬性,如Chapter 6當(dāng)從另處頁面連接到該頁地址加#C6時就會跳轉(zhuǎn)到此處示例網(wǎng)頁ahtm lt!DOCTYPE html AB Chapter 6網(wǎng)頁bhtm lt!DOCTYPE html BChapter 1This chapter expl。
返回頂部 2再調(diào)用以下JS腳本部分 給你個例子lt!DOCTYPE html 無標(biāo)題文檔 bodymargin0 padding0 to_topwidth30px height40px padding20px font14px20px arial textaligncenter back。
其中a標(biāo)簽指向錨點top,可以在頂部防止一個的錨點,這樣在瀏覽器不支持js時也可以實現(xiàn)返回頂部的效果了要想讓返回頂部的圖片顯示在右側(cè),還需要一些css樣式,如下css view plain copy *returnTop* p#backtoto。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。