多数情况下,通过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); })
时间: 2024-10-14 17:15:19