想了解免费建站的朋友,查看《免费建站教程》

平滑滚动到html锚点

2020-10-13 1323 JS
//定位标记
<a name="miao" id="miao"></a>



//点击跳转
<a id="gogo"><img src="sta6021/img/btn.png" alt="" class="icon" /></a>


//控制滑动
<script type="text/javascript" charset="utf-8">
$("#gogo").click(function () {
$("html,body").animate({scrollTop: $("#miao").offset().top}, 300);
});
</script>


一定要引入jquery
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>


版权保护: 转载请保留链接: https://cgy.isi8.cn/js/231.html