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