点击a标签跳转到页面指定位置

最新推荐文章于 2024-07-23 15:36:35 发布

置顶伏见伊奈里

最新推荐文章于 2024-07-23 15:36:35 发布

阅读量4.6k

点赞数 1

本文链接：https://blog.csdn.net/qq_35313994/article/details/53695310

版权

a的href里面写要跳转的位置的id。可通过jq添加动画设置跳转显示的位置

如下例子：点击上标会跳到id为cite_note-EB-4的位置

通过给a标签的href指定具体的id来跳到对应标签；

<sup id="cite_ref-EB_4-0" class="reference"><a href="#cite_note-EB-4" target="_blank">[4]</a></sup>
<a href="#cite_note-EB-4" target="_blank">跳转位置^</a>

<sup>h5新属性，文字上标

// 点击跳转动画

$(".reference").on('click',function(e){
     var e = window.event || e
     e.preventDefault();
     var rid=$(this).children('a').attr('href');

     $('body,html').animate({scrollTop:$(rid).offset().top-120},500,function(){
          $(rid).css('background','#B0C4DE').siblings().css('background','none')
     })
});