美文网首页
html 使用a标签做定位锚点,如何添加滚动动画

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

作者: 两年半练习程序员 | 来源:发表于2019-08-21 16:35 被阅读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);
    });
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/mprisctx.html