多數情況下,通過a標簽定位到某一具體元素並不准確,所以多數情況下我們需要通過jquery 來實現。代碼如下:
<div class="nav"> <div class="main clearfix"> <a class="left" target="_blank" id="logo" href="/">聯展視頻</a> <ul class="right"> <li><a href="javascript:void(0);" data-dire="intro_item_activ">活動介紹</a></li> <li><a href="javascript:void(0);" data-dire="intro_item_teach">講師介紹</a></li> <li><a href="javascript:void(0);" data-dire="intro_item_procedure">活動流程</a></li> <li><a class="btn_purchase" href="javascript:void(0);">立即報名</a></li> </ul> </div> </div>
實現的js代碼如下:
$(".nav li a:not(':last')").click(function(){ var dire=$(this).data("dire"); $("body,html").animate({ scrollTop:$("#"+dire).offset().top-74 },0); })