摘要: 传统的"Return to Top"置于页面底部或指定位置,点击后返回页面顶部。
但其存在诸多不便:
1、页面顶部必须定义一个相应的锚点,其本身也会占用DOM空间,很容易发生返回的不是绝对的顶部而是该锚点(滚动条会稍微向下一点,而不是在0的位置)
2、如果页面很长,想在滚动条任意处回顶部会变得难以处理。
使用jQuery能大大改善这一用户体验。本文章将能做到:
"Return to Top"在页面初始化时不显示,当移动滚动条时出现并随滚动条位置变化而变化。
点击"Return to Top"页面移动到顶部,当滚动条到顶部时"Return to Top"自动隐藏。
以上均伴有动画效果。
阅读全文