點擊跳轉到頁面指定位置

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


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