jQuery中offset()方法，获取的top=0,left=0。

Posted 2023-03-21

jQuery中offset()方法，获取的top=0,left=0。新建页面，再写offset()可获取正常值。怎么解决？

参考技术A offset()用法
获取匹配元素在当前视口的相对偏移。
描述:
获取第二段的偏移
html 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
结果:
<p>Hello</p><p>left: 0, top: 35</p>
没看懂你的意思，你试着写完脚本之后，用alert输出结果看一下

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

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是要方便很多了哦