jQuery animate()实现 回到顶部

之前使用原生js实现回到顶部还挺麻烦的,看代码的时候看到这个方法,简单还自带动画效果。

  • jQuery animate() 方法通过 CSS 样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果

例子

1
2
3
4
5
//回到顶部
$(".totop").click(function () {
$("body,html").animate({scrollTop: 0}, 800);
return false;
});