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'});//定位标签到屏幕中间});

结语

出现问题调试:console.info(),alert(),debugger

jquery实现标签锚定(定位)相关推荐

  1. 弹框位置设置html,JQuery弹出框定位实现方法

    JQuery弹出框定位实现方法.直接上代码: //页面代码 (简化) CssClass="ui-button-icons-only" Text="按钮"> ...

  2. jQuery ZeroClipboard中Flash定位不准确的解决方案

    转自波斯马,原文地址<jQuery ZeroClipboard中Flash定位不准确的解决方案> jQuery ZeroClipboard支持在多种浏览器中复制内容到剪贴板,IE.Fire ...

  3. 6 JS 和 Jquery 删除标签元素

    6 JS 和 Jquery 删除标签元素 Jquery:$().remove() jQuery remove() 方法删除被选元素及其子元素, 即删除元素自身. <body> <di ...

  4. jQuery给标签添加自定义属性

    jQuery给标签添加自定义属性     下面代码包含了添加和获取自定义属性.     添加的属性值有数字,类数组,对象,详细用法见备注. <script type="text/jav ...

  5. JQuery实现标签的删除与添加

    JQuery实现标签的删除与添加 功能描述: 点击tag标签的X能删除标签,点击添加能弹出输入框填写标签的文字,完成后可以展示新添加的标签 html代码 <div class="car ...

  6. jQuery获取标签属性值(一)

    1.box-shadow属性可以设置盒子阴影的效果其参数为: box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需的.水 ...

  7. Jquery常用标签

    1.基础代码 调用 <script type="text/javascript" src="js/jquery-3.1.1.js"></scr ...

  8. jQuery操作标签--样式、文本、属性操作, 文档处理

    1.样式 2.文本 3.属性操作 全选,反选效果 4.文档处理 操作标签 一.样式操作 样式类: addClass(); // 添加指定的css类名removeClass(); //移除指定的css类 ...

  9. jquery 遍历java对象的属性_用jquery each标签遍历java list对象

    最近在做tms管理系统(物流管理软件),遇到这样一个场景: 运单对应多个货物信息(我们这里只对应3个货物信息,但大部分情况下,只有1个货物信息),我需要编辑也就是修改该运单,那么带出该运单一对多的货物 ...

最新文章

  1. Django - - 进阶 - - 同源策略和跨域解决方案
  2. 将一个信号同步到clk中的通式
  3. 阿里云RPA专有云产品文档集合
  4. 80岁COBOL码农:扶我起来,这个bug我会修!
  5. gui编写线性调频信号_是的,我编写了信号量,不,我不是OS开发人员。
  6. 应用程序初次运行数据库配置小程序(Java版)
  7. 使软件可二次开发_九思软件:平台型OA系统为何要好于项目型OA系统?
  8. 实体框架 Code First 迁移命令
  9. C++ Primer Plus学习(十一)——类和动态内存分配
  10. 二叉搜索树bst_二进制搜索树(BST)–搜索插入和删除
  11. 【工具使用】Modscan32软件使用详解
  12. 平面设计有哪几种设计风格,分享平面设计的12种风格
  13. thinkphp+vue傻瓜式PS级可视化自助建站系统平台版
  14. Jpa 注解详解 映射详解 一对多 多对一
  15. [CodeForces]CodeForces - 1025F Disjoint Triangles
  16. UserAgent个人整理
  17. 【T+】畅捷通T+自定义报表将所有月份发生数在同一张表上体现
  18. OSChina 周四乱弹 ——老司机的幼年日常
  19. 开发用台式机还是笔记本_您应该开发台式机还是Web应用程序?
  20. [附源码]java毕业设计病历管理系统设计

热门文章

  1. 【微信小程序】微信小程序开发学习记录
  2. 百度依存句法分析标识说明
  3. IntelliJ IDEA注释字体形式修改
  4. 软件工程师的职业规划
  5. SD-Host SD_CLK模块
  6. windows下气象grib/grib2数据转Tiff格式输出
  7. android如何打开apk文件怎么打开方式,.apk文件用苹果系统怎么打开_apk文件苹果怎么打开...
  8. maven基础:mvn命令常用参数整理;如:-am构建指定模块,同时构建指定模块依赖的其他模块
  9. 基于STM32F103c8t6的智能垃圾桶项目
  10. mysql数据备份恢复