html 使用a标签做定位锚点,如何添加滚动动画

2019-08-21  本文已影响0人  两年半练习程序员

1.给a标签添加一个统一的类名anchor(可自定义)

//html
<a class="anchor" href="#gsxx" rel="nofollow">工商信息</a>
<div id="gsxx">工商信息</div>

//jquery
$(".anchor").bind("click touch",function(){
    //根据a标签的href转换为id选择器,获取id元素所处的位置
    $('html,body').animate({scrollTop: ($($(this).attr('href')).offset().top)},300);
});
上一篇下一篇

猜你喜欢

热点阅读