获取元素的绝对位置和相对位置

1.绝对位置：

var x = $('选择器').offset().left;

var y = $('选择器').offset().left;

2.相对位置:

var x = $('选择器').position().left;

var y = $('选择器').position().left;

注意结合postion属性使用。

absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

获取元素的绝对位置和相对位置相关推荐

jquery获取元素在文档中的位置信息以及滚动条位置（转）
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 201 ...
java读取指定位置arraylist,获取元素在Java ArrayList中的位置
可以使用方法java.util.ArrayList.indexOf()获得ArrayList中元素的位置.此方法返回指定元素首次出现的索引.如果该元素在ArrayList中不可用,则此方法返回-1. ...
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
在ajax中经常需要对元素的位置进行精确的定位,此时不仅需要获取元素自身的大小位置等属性.还需要知道页面.浏览器.滚动条等的长度和宽度.因为浏览器的兼容问题,如果使用javascript获取这些数值是 ...
pyqt5 qgridlayout获取元素位置
PyQt5中获取控件在QLayout布局中所在的行数列数删除单个元素,ui不变,当删除正行时,ui会自动删除正行,但是行列序号还是不变. 在使用PyQt5库编写界面程序的时候,想要获取布局中某个控件 ...
DOM获取元素位置的三大系列offset/scroll/client
2019独角兽企业重金招聘Python工程师标准>>> 我们使用元素.style.left在style标签中设置的样式的值都获取不到. 现在就说一下三大系列吧,首先明确documen ...
javascript js jquery获取元素位置代码总结
制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的绝对大小和相对大小首先,要明确两个基本概念. 一张网页的全部 ...
vue 获取元素在浏览器的位置_前端开发JS获取页面元素的位置
1.网页的大小和浏览器窗口的大小一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和 document元素的clientHeight和clientWidth属性,就代表了网页的大小. f ...
js进阶 11-8 jquery如何获取元素相对于父元素的位置
js进阶 11-8 jquery如何获取元素相对于父元素的位置一.总结一句话总结:用jquery的position方法,但是使用这个方法的前提是父元素相对定位,子元素绝对定位,否则和offset ...
JavaScript获取元素的坐标位置的函数
获取原理是先获取相对父元素的坐标 var tag=document.getElementById('id')//该left是获取在相对父元素下的相对x轴坐标 //tag.offsetLeft会计算该标 ...
js 获取元素位置和大小_js 位置_Js宽度高度（详解）
一.js 获取元素的位置和大小----只读属性 1.元素的大小和位置 1.可视大小和位置 clientLeft,clientTop,clientWidth,clientHeight clientLef ...

获取元素的绝对位置和相对位置

获取元素的绝对位置和相对位置相关推荐

最新文章

热门文章