jquery获取html元素的绝对位置和相对位置的方法_jquery
程序员文章站
2022-04-07 13:45:59
...
绝对位置坐标:
$("#elem").offset().top
$("#elem").offset().left
$("#elem").position().top
$("#elem").position().left
复制代码 代码如下:
$("#elem").offset().top
$("#elem").offset().left
相对父元素的位置坐标:
复制代码 代码如下:
$("#elem").position().top
$("#elem").position().left
另:
static(默认):默认定位方式。
relative(相对定位):在static的基础上,相对元素本来的位置变化,通过设定top,bottom,left,right实现。
absolute(绝对定位):是相对父元素来说的,如果父元素中有relative,那么该元素的位置是经过计算后的结果。即absolute定位的参照物是“上一个定位过的父元素(static不算)”。绝对定位会使元素从文档流中被删除。
fixed(固定定位):fixed定位的参照物总是当前的文档。利用fixed定位,很容易让一个div定位在浏览器文档的左上,右上等方位。
上一篇: css page-break-before属性怎么用
下一篇: 深入理解js异步原理问题
推荐阅读
-
getBoundingClientRect方法获取元素在页面中的相对位置
-
jQuery获取标签文本内容和html内容的方法教程
-
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
-
jQuery 操作 HTML 元素和属性的方法
-
jQuery中清空元素.empty()和.html(''),两种方法的对比
-
jQuery获取和设置表单元素的方法
-
使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 <span> 和 <a> 标签的样式
-
jQuery实现获取table中鼠标click点击位置行号与列号的方法
-
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
-
position的相对位置和绝对位置_html/css_WEB-ITnose