<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>
jquery实现页面滑动例子
最新推荐文章于 2023-05-19 10:20:31 发布