jquery实现页面滑动例子

最新推荐文章于 2023-05-19 10:20:31 发布

客栈

最新推荐文章于 2023-05-19 10:20:31 发布

阅读量520

点赞数

分类专栏：网站开发

本文链接：https://blog.csdn.net/ypq5566/article/details/22860495

版权

网站开发专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<html>
<head>
	<meta charset="utf-8">
	<title>测试</title>
	<script src="jquery-2.1.0.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){ 
	$('#button1').click(function(){ 
		$('body').animate({scrollTop: $("#button2").offset().top}, 1000); 
		return false; 
	}); 
	$('#button2').click(function(){ 
		$('body').animate({scrollTop: 0}, 1000); 
		return false; 
	}); 
	$('#button3').click(function(){ 
		$('body').animate({scrollTop: 0}, 1000); 
		return false; 
	}); 
	}) 
	</script>
</head>
<body>
	<input type="button" id="button1" value="111" />
	<br>1<br><br><br><br><br>2<br><br><br><br><br><br><br><br>3<br><br><br><br><br><br><br>4<br><br><br><br><br><br><br>3<br><br><br><br><br><br>3<br><br><br><br><br>4<br><br><br><br><br><br><br>5<br><br><br><br><br><br><br><br>3<br><br><br><br><br><br>
	<div id="aa">阿布了肯德基</div>
	<input type="button" id="button2" value="222" />
	<br>1<br><br><br><br><br>2<br><br><br><br><br><br><br><br>3<br><br><br><br><br><br><br>4<br><br><br><br><br><br><br>3<br><br><br><br><br><br>3<br><br><br><br><br>4<br><br><br><br><br><br><br>5<br><br><br><br><br><br><br><br>3<br><br><br><br><br><br>
	<input type="button" id="button3" value="333" />
</body>
</html>

客栈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery实现页面滑动例子

测试 $(document).ready(function(){ $('#button1').click(function(){ $('body').animate({scrollTop: $("#button2").offset().top}, 1000); return false; }); $('#button2').click(function(){
复制链接

扫一扫

专栏目录