2018年04月6日网站服务器迁移完成……

jquery 利用 animate 和 scrollTop 来实现返回顶部的动画

jquery 苏 demo 1530℃ 0评论

利用 animate 和  scrollTop 来实现返回顶部的动画, 不需使用其他插件。

eq:

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

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

 

打赏

转载请注明:苏demo的别样人生 » jquery 利用 animate 和 scrollTop 来实现返回顶部的动画

   如果本篇文章对您有帮助,欢迎向博主进行赞助,赞助时请写上您的用户名。
支付宝直接捐助帐号oracle_lee@qq.com 感谢支持!
喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情