jquery定位到指定元素

最新推荐文章于 2024-07-30 03:28:20 发布

weixin_30337251

最新推荐文章于 2024-07-30 03:28:20 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jiaojiaome/p/4117649.html

本文介绍了一种使用jQuery实现页面内部元素跳转的方法。通过点击导航链接，页面会滚动到对应的内容区域，实现了平滑过渡效果。该技术常用于单页面应用或多内容板块的网站设计中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

多数情况下，通过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);
		})

转载于:https://www.cnblogs.com/jiaojiaome/p/4117649.html