<style>
#s4{top:1800px;}
</style>
</head>
<body>
<div >
<input type="button" value="点击button跳转" onclick="click_scroll()" id="sj"/>
</div>
<div>
<div id="s1" class="section section1">
<div >第一部分</div>
</div>
<div id="s2" class="section section2">
<div >第二部分</div>
</div>
<div id="s3" class="section section3">
<div >第三部分</div>
</div>
<div id="s4" class="section section4">
<div >第四部分</div>
</div>
<div id="s5" class="section section5">
<div >第五部分</div>
</div>
</div>
<script type="text/javascript">
function click_scroll() {
var scroll_offset = $("#s4").offset().top;
$("body,html").animate({
scrollTop: scroll_offset
}, 1000);
}
</script>
尝试了好久都没能实现点击按钮，让页面滚动的效果，求大神帮忙看下，我到底哪里不符合规范了。。