摘要: 傳統(tǒng)的"Return to Top"置于頁(yè)面底部或指定位置,點(diǎn)擊后返回頁(yè)面頂部。
但其存在諸多不便:
1、頁(yè)面頂部必須定義一個(gè)相應(yīng)的錨點(diǎn),其本身也會(huì)占用DOM空間,很容易發(fā)生返回的不是絕對(duì)的頂部而是該錨點(diǎn)(滾動(dòng)條會(huì)稍微向下一點(diǎn),而不是在0的位置)
2、如果頁(yè)面很長(zhǎng),想在滾動(dòng)條任意處回頂部會(huì)變得難以處理。
使用jQuery能大大改善這一用戶(hù)體驗(yàn)。本文章將能做到:
"Return to Top"在頁(yè)面初始化時(shí)不顯示,當(dāng)移動(dòng)滾動(dòng)條時(shí)出現(xiàn)并隨滾動(dòng)條位置變化而變化。
點(diǎn)擊"Return to Top"頁(yè)面移動(dòng)到頂部,當(dāng)滾動(dòng)條到頂部時(shí)"Return to Top"自動(dòng)隱藏。
以上均伴有動(dòng)畫(huà)效果。
閱讀全文