jQuery动画效果animate滚动到指定页面ID的位置

admin

发表文章数:3278

CSS属性值是逐渐改变的,这样就可以创建动画效果。因此只有数字值可创建动画,比如margin:30px 而字符串值无法创建动画,比如background-color:red

要实现animate滚动到页面指定id的位置,就要获取ID的数字值,也就是距离顶部的距离,再通过animate的scrollTop滚动

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

点击ID为comt的元素,回到ID为comments的位置;点击ID为xia的元素,回到id为footer的位置

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 夜河资源网
原文地址:《jQuery动画效果animate滚动到指定页面ID的位置》 发布于2019-04-19

分享到:
赞(0) 打赏

评论 抢沙发

3 + 3 =


撰写不易~如果您觉得文章对您有帮助的话可以打赏我哦~谢谢亲亲~

支付宝扫一扫打赏

微信扫一扫打赏

外服网游加速器破解版
包含腾讯网游加速器、海豚网游加速器等八款知名加速器,可加速外服游戏,永久包售后包更新,不定时添加新款破解版加速器!
切换注册

登录

忘记密码 ?

切换登录

注册