今天记录一个简单的滑动跳转锚点的方法
经常会遇到需要点击a标签,在单页面内进行平滑滚动的需求。今天便在此记录一下这个简单的实现方法。
<script type="text/javascript">
$("a").click(function(){
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top
}, 500);
return false;
});
</script>
没错就是这么简单。
这是一段基于jq的语法,所以使用时需要先植入jq到代码中才能生效。
下次再分享一些简单的效果代码。