~~~
h1{
text-align: center;
}
div{
height: 100px;
background: red;
font-size: 30px;
color: #fff;
text-align: center;
margin-top:1000px;
}
~~~
~~~
<h1>關于我</h1>
<div class="one"> 我的主頁 </div>
<div class="two"> 我的主頁 </div>
<script>
$(function(){
$("h1").click(function(){
var offset = $(".one").offset().top;
$("html,body").animate({scrollTop:offset},2000)
console.log(offset);
})
})
</script>
~~~
</body>
