01.<!DOCTYPE html>
02.<html>
03.<head>
05. <script>
06. $(document).ready(function(e) {
07. var html=$('html body');
08. $('#down').click(function(){
09. html.animate({scrollTop:0},1000);
10. });
11. $('#top').click(function(){
12. html.animate({scrollTop:1000},1000);
13. });
14. });
15. </script>
16.</head>
17.<style type="text/css">
18. .down{
19. position:absolute;
20. top:1500px;
21. width: 50px;
22. height: 50px;
23. background-color: #F00;
24. left: 23px;
25. }
26.
27. .top{
28. top: 0px;
29. width: 50px;
30. height: 50px;
31. background-color: #00F;
32. left: 23px;
33. }
34.
35.</style>
36.
37.
38.<body>
39.<div id="page" style="width:1000px; height:1500px; background:#0FC;">
40. <div id="top" class="top">Down</div>
41. <div id="down" class="down">Top</div>
42.</div>
43.</body>
44.</html>
