Question

jQuery(document).ready(function($){ $('#shang').click(function(){$('html,body').animate({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);});
});
请问这些代码是什么意思啊？？只看得懂一点点……求解释

Answer 1

是点击定位的意思
点击ID为shang的元素，回到顶部

点击ID为comt的元素，回到ID为comments的位置，就是评论的位置

点击ID为xia的元素，回到底部

追问

嗯，这个功能是这样子的，搞不懂是怎么运作的。.animate和scrollTop这两个是什么意思呢？

追答

animate是jq的一个特效的函数方法

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

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

的意思就是滚动条跳到0的位置，页面移动速度是800