普遍网站在页面的右下角提供了「回到顶部」功能,简书也不例外,而目前的做法是给网页链接加上 "#",不带后缀,即可让页面定位到顶部。
改进前
这个方案虽然实现起来方便,但体验一般,点击后直接定位到顶部,没有过渡效果。可以写些简单的 JS,加上滑动动画,把时间间隔设定为 0.5s 左右。
改进 demo
普遍网站在页面的右下角提供了「回到顶部」功能,简书也不例外,而目前的做法是给网页链接加上 "#",不带后缀,即可让页面定位到顶部。
这个方案虽然实现起来方便,但体验一般,点击后直接定位到顶部,没有过渡效果。可以写些简单的 JS,加上滑动动画,把时间间隔设定为 0.5s 左右。