jQuery实用技巧必备（上）(2)_H5之家 - 中国HTML5教程资源分享第一站

jQuery技术

jQuery实用技巧必备（上）(2)

字号+ 作者：H5之家来源：H5之家 2015-11-20 13:26 我要评论( )

11.返回顶部按钮你可以利用 animate 和 scrollTop 来实现返回顶部的动画，而不需要使用其他插件。 // Back to top$('a.top').click(function () { $(document.body).animate({scrollTop: 0}, 800); return false;}

11.返回顶部按钮
你可以利用 animate 和 scrollTop 来实现返回顶部的动画，而不需要使用其他插件。

// Back to top $('a.top').click(function () { $(document.body).animate({scrollTop: 0}, 800); return false; });  <a href="#">Back to top</a>

改变scrollTop 的值可以调整返回距离顶部的距离，而 animate 的第二个参数是执行返回动作需要的时间(单位：毫秒)。

今天为大家先介绍一部分jQuery技巧，后续文章会继续更新，希望大家持续关注。