html代码:
<div class="Btn4" id="Btn1_Buy">点击定位</div>
<div class="vnSixBox clearfix" id="vnSixBox">
定位到的位置
<img src="http://www.jq22.com/img/cs/500x500-1.png" alt="">
</div>
css代码:
.Btn1_Buy {
widthL:100px;
height:30px;
border:1px solid #ccc;
border-radius:2px;
}
#vnSixBox {
widthL:300px;
height:100px;
border:1px solid #ccc;
border-radius:2px;
margin-top:500px;
}
#vnSixBox img {
margin-right:2%;
margin-left:1%;
margin-top:1%;
}
jQuery代码:
$('#Btn1_Buy').click(function() {
$('html,body').animate({
scrollTop: $("#vnSixBox").offset().top - 10
}, 400);
});