jquery实现标签锚定（定位）

来将可留姓名

已于 2022-02-18 23:03:55 修改

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： jquery javascript bootstrap

于 2019-07-23 20:38:11 首次发布

本文链接：https://blog.csdn.net/weixin_39902962/article/details/97030026

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的滚动定位技巧，解决了动态加载数据时点击链接返回后数据位置丢失的问题。通过具体示例展示了如何利用jQuery的scrollIntoView方法使页面滚动到指定元素并定位到屏幕中间。

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

jquery滚动定位标签简单实现

问题描述

动态加载的数据，点击超链接再返回后，刷新的数据回到顶部，没有回到被点击数据的位置,业务需求：从哪里来，回哪里去。

环境简介

::前端layui，bootstrap，jquery2.X

正确示例

/*
* 数组下标可以将jQuery对象
* 转成对象DOM对象。
*参数{block: "center"}表示定位到中间位置，scrollIntoView（）默认定位到顶部
*/
//JSON.parse(jsonstr); //可以将json字符串转换成json对象 
//JSON.stringify(jsonobj); //可以将json对象转换成json对符串 

$(document).click(function (e){ 
	  var a_id=e.target.id;// e.target（被点击的元素）
	 	$("#"+a_id)[0].scrollIntoView({block: 'center'});//定位标签到屏幕中间
	});