点击跳转到页面指定位置

来源:互联网 发布:log4j数据存进mongodb 编辑:程序博客网 时间:2024/05/02 02:24

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


0 0
原创粉丝点击