【小5聊】jquery基础之offset和position的top、left值

news/2024/7/11 1:43:40 标签: jquery, html, css
htmledit_views">

假如有这么一个需求,当打开下拉ul列表,列表值能够滚动到指定li中显示

1、offset()

offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。

该方法返回的对象包含两个整型属性:top 和 left,以像素计。

 2、position()

position() 方法返回匹配元素相对于父元素的位置(偏移)。

该方法返回的对象包含两个整型属性:top 和 left,以像素计。

3、由以上概念可知,获取li在ul中的top偏移值,需要使用position()

4、由以上概念可知,获取ul在整个文档的top偏移值,需要使用offset()

5、设置滚动值

$("body").scrollTop();
$("body").scrollLeft();

记得目标标签不能隐藏


http://www.niftyadmin.cn/n/659536.html

相关文章

Snort配置实验

目录 一、实验要求 二、实验步骤 1、网络环境配置 2、Kali安装Snort 3、Snort数据包嗅探 4、Snort数据包记录 5、简单报警规则 三、实验总结(再次为了凑报告字数……) Snort IDS 概述 Snort IDS体系结构 Snort三种工作方式 Snort规则 预处理…

Spring入门篇——第5章 Spring AOP基本概念

第5章 Spring AOP基本概念 本章介绍Spring中AOP的基本概念和应用。5-1 AOP基本概念及特点 5-2 配置切面aspect ref:引用另外一个Bean 5-3 配置切入点Pointcut 注意后两项的区别,前一个是两个点,后一个是三个点。 Spring Aop、Spring 支持的As…

【小5聊】TDSQL启动外网链接数据库

趁着活动,学习了一把tdsql分布式数据库,以下简单整理如何开启外网链接 1、TDSQL分布数据库-Mysql开启外网 2、链接测试 记得主机填写那里不要使用冒号加端口 端口直接就是冒号后面的端口值 3、设置无主键表 设置成OFF关闭,mysql连接工具记…

【小5聊】VS2019 打包项目程序之卸载关键参数设置

一般在卸载面板也可以卸载安装的软件,但是比较麻烦了一点,下面举例卸载关键设置 1、选中Setup Project打包项目 2、点开属性标签页 不是打包项目的鼠标右键属性哦,直接是属性标签页 3、复制ProductCode值

强引用、弱引用、软引用、虚引用

强引用(StrongReference) 强引用是使用最普遍的引用。如果一个对象具有强引用,那垃圾回收器绝不会回收它。如下: Object onew Object(); // 强引用 当内存空间不足,Java虚拟机宁愿抛出OutOfMemoryError错误&#xf…

Java并发机制(5)--同步容器与并发容器

Java并发编程:同步容器整理自:博客园-海子-http://www.cnblogs.com/dolphin0520/p/3933404.html1、同步容器出现原因 常用的ArrayList,LinkedList,HashMap,HashSet,Deque等都是线程不安全的; Java为方便多线程编程,提供…

switch表达式、case穿透

记得第一次学switch的时候那是还是学习c语言的时候,整体的写if-else,switch,现在回想起来已经是很多年前的事了,好了今天让我们再来回顾下简单的switch 语法 switch(n) { case 1:执行代码块 1break; case 2:执行代码块 2break; de…

传统WPA-PSK加密破解实验

目录 实验目的 实验原理 1.无线网络 2.WPA加密 3.WPA—PSK破解原理 实验环境 1.操作系统 2.实验工具 实验步骤 步骤1:配置实验用无线网络 步骤2:配置无线网卡 步骤3:使用 Fern WiFi Cracker 工具破解 WiFi 密码 步骤4&#xff1…