animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。
CSS属性值是逐渐改变的，这样就可以创建动画效果。
只有数字值可创建动画（比如 “margin:30px”）。
字符串值无法创建动画（比如 “background-color:red”）。

$(\'#shang\').click(function(){$(\'html,body\').animate({scrollTop: \'0px\'}, 800);});

上面的代码表示滚动条跳到0的位置，页面移动速度是800。
结合scrollTop实用示例：

jQuery(document).ready(function($){
 $(\'#shang\').click(function(){
  $(\'html,body\').animate({scrollTop: \'0px\'}, 800);
 });
 $(\'#comt\').click(function(){
  $(\'html,body\').animate({scrollTop:$(\'#comments\').offset().top}, 800);
 });
 $(\'#xia\').click(function(){
  $(\'html,body\').animate({scrollTop:$(\'#footer\').offset().top}, 800);
 });
});

 

版权声明：本文为dekevin原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/dekevin/p/4238159.html