当前位置:jQuery学习 > jQuery > jQuery 回到顶部

jQuery 回到顶部

时间:2010-10-13QQ群:116983258

在Web开发中,回到顶部这样的需求会不时的碰到,下边就看看jQuery回到顶部的写法。

$( 'html, body' ).animate( { scrollTop: 0 }, 0 );

为了一些平滑的效果,我们给滚动添加一定的时间,比如500毫秒,如下:

$( 'html, body' ).animate( { scrollTop: 0 }, 500 );

这样我们就实现了jQuery回到顶部,可见代码非常简短,如果你对jQuery动画还不太熟悉,可以看看当文本框获得焦点时使输入区域变大平滑的jQuery滚动效果

作者:jQuery学习
除非注明,jQuery学习网文章均为原创,转载时必须以链接形式标明本文地址。
本文地址:http://www.jquery001.com/jquery-top-of-page.html

大家说了些什么

  1. 1. ooops 2011-11-29 21:54

    Thank you very much!!

所有话题