首页 > 代码库 > jquery offset获取div的位置top和left数值

jquery offset获取div的位置top和left数值

2024-08-26 02:20:51   220人阅读

js中绝对定位获取写起来比较复杂，如果使用jquery 我们可以借助于它的offset偏移来获取div top和left值，下面我整理一些例子。

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

绝对位置：

 代码如下 复制代码

var X = $(‘#DivID‘).offset().top;
var Y = $(‘#DivID‘).offset().left;

返回第一个匹配元素的偏移坐标。
该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效

例子

 代码如下 复制代码

<div id="div1"></div>

jquery获取此div的left和top:

var top = $("#div1").offset().top;
var left = $("#div1").offset().left;

这样比起js这个offset是要方便很多了哦

jquery offset获取div的位置top和left数值


联系
我们