点击按钮定位锚点

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);
});

猜你喜欢

转载自blog.csdn.net/M_SSY/article/details/81110344