点击跳转到页面指定位置

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

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

<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')
     })
});


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章