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); }); });
表示点击相关ID移动到指定位置: 点击ID为shang的元素,回到顶部; 点击ID为comt的元素,回到ID为comments的位置; 点击ID为xia的元素,回到底部;
原生js如何实现jQuery.animate中的scrollTop方法
网上找不到一个好的介绍来实现,
$('html, body').animate({
scrollTop: 800
}, 1000)
怎么控制这个scrollTop的 时间呢?
**bold**
_italic_
[link](http://example.com)
> 引用
`code`
- 列表
。 同时,被你 @ 的用户也会收到通知