<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.11.3.js"></script>
<title></title>
<style>
*{margin:0px;padding:0px;} body{overflow:hidden;} </style>
<script>
$(function(){ var h=$(window).height();
$(".main").css("height",2*h+"px");
$(".prev").css("height",h+"px");
$(".next").css("height",h+"px");
$("#next").click(function(){
$(".main").animate({"margin-top":-h+"px"},1000);
});
}); </script></head><body><div class="main">
<div class="prev" style="background:red">
<p id="next">下一個</p>
</div>
<div class="next" style="background:blue">
</div></div></body>
</html>
直接這樣行 應該就成吧 我剛在手機上測試可以