先了解一下 jQuery 的方法,叫 offset ,表示偏移 .. 这个方法可以得到还有设置元素的偏移 ... 检查一下页面上的这块元素 ..
在这个元素的包装上面有个 id ,可以复制一下这个 id 的值 ...
然后打开 console ,控制台 ... 用 jQuery 定位到刚才复制的那个 id 所在的元素 ...
用一下 offset 这个方法 ... 会返回一个对象 .. 对象里面有两个属性 .. top 还有 left .. top 指的是元素距离文档的最顶部的距离 ... 这里是 503 .. left 指的是元素距离文档最左边的距离 ... 这里它的值是 0 ..
你可以访问一下 top 属性 ... 得到对应的值 ... 也可以访问 left 属性,得到对应的值 ..
这个 offset 还可以设置元素的偏移 .. 可以给它一个对象参数 .. 里面添加一个 top .. 设置成 600 ... 你会发现元素比之前靠下显示了一些 ... 因为原本它距离文档顶部的位置是 503 ,现在我把它设置成 600 了 ... 重新把这个值设置成 503 ,它又会恢复到原来的位置上 ..
在添加一个 left 属性 ... 原本它的值是 0,这里我们把它设置成 100 ... 你会发现元素靠右显示了一些 .. 因为现在元素距离文档的最左侧会有 100 像素的距离 .. 重新把 left 的值设置成 0 ,元素又会恢复到原来的位置上 ...