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