offset()方法理解

知识点：offset().left 它永远是相对于文档的左边缘（往往体现为浏览器的左边缘）定位的，没有单位。

 1 console.log($(".wrap").css("left"));
 2 /*如果父元素中有定位元素，都是相对于上一个定位元素（position不为static）定位。此处相对于body的左边，有单位 200px*/
 3
 4 console.log($(".wrap").offset().left);
 5 /* 它永远是相对于文档的左边缘（往往体现为浏览器的左边缘）定位的 没有单位 249.9999999 */
 6
 7 console.log(document.getElementById("wrap").offsetLeft);
 8 /*如果没有已经定位的父元素，那么offsetLeft指向的是文档（document）的左边缘 没有单位 250*/
 9
10 console.log(document.getElementById("wrap").style.left);
11 /*style.left与css（"left"）指向的是body的左边缘* 有单位 200px/
12
13 console.log($(".inner").css("left"));
14 /* 相对于上一个定位元素 50px */
15
16 console.log($(".inner").offset().left);
17 /*文档的左边缘 没有单位 300*/
18
19 console.log(document.getElementById("inner").offsetLeft);
20 /*相对于上一级 没有单位 50*/
21
22 // console.log("如果style.left没有在内联样式中指定："+document.getElementById("inner").style.left);

转载于:https://www.cnblogs.com/Millet-23/p/9305255.html

offset()方法理解相关推荐

iphone UIView的一些基本方法理解
原文链接地址:http://www.cocoachina.com/bbs/read.php?tid=38766 UIView的一些基本方法理解 UIView的一些基本方法理解:loadView.vie ...
K2评分方法理解实例
文章目录贝叶斯网络:K2评分方法理解实例贝叶斯网络:K2评分方法理解实例
EXCEL使用OFFSET方法进行隔行取值
因为工作需要开始学习一点办公软件的使用,在这里记录下来给自己加深一下印象,也方便以后查找. 这次主要的问题是隔特定行数取值的问题,主要使用的是OFFSET方法. 首先介绍使用的方法OFFSET: OF ...
jQuery offset( ) 方法
通过jQuery 的offset( )方法,我们可以设置或者获取被选元素相对于文档的位置.需要注意的是,当我们获取被选元素的位置时,只会返回匹配到的第一个元素的位置.当我们设置被选元素的位置时,将会设 ...
直接映射缓存,全相联映射缓存,组相连映射与tag,index,offset的理解
知乎大佬的文章 tag,index,offset的理解这篇文章并不是真正介绍这些缓存地址映射方法的实现,而是基于上面大佬的文章的一些可能不好理解的地方的一些个人的理解. 直接相联映射我们一共有8行 ...
Python getitem方法理解
Python: getitem方法理解 Python方法__getitem__可以实现对象的迭代功能,然后可以使用for ... in ... 来迭代对象了 class Animal:def __in ...
JQuery添加扩展方法(理解$.extend(),与$.fn.extend()方法区别)
为什么80%的码农都做不了架构师?>>> 理解$.extend(),与$.fn.extend()方法区别 1.$.extend()方法 $.extend()方法在JQuery中 ...
python中__init__方法_关于python中__init__方法理解
在理解__init__方法之前,我们需要搞明白,什么时候才需要用到的这个方法什么是__init__? __init__方法在python中是类的初始化,通俗来讲,就是每次只要你去创建一个类的实例对象 ...
android 编程输入矩阵,Android中Matrix的pre post set方法理解
虽说以前学习过线性代数和图形学原理,但是在实际中碰到matrix还是疑惑了好一阵子,今天通过向同事请教终于找到一点门路,特总结如下: Matrix主要用于对平面进行缩放,平移,旋转以及倾斜操作,为简化 ...

offset()方法理解

offset()方法理解相关推荐

最新文章

热门文章