博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery中position()与offset()区别
阅读量:6572 次
发布时间:2019-06-24

本文共 598 字,大约阅读时间需要 1 分钟。

position()获取相对于它最近的具有相对位置(position:relative或position:absolute)的父级元素的距离,如果找不到这样的元素,则返回相对于浏览器的距离。

offset()始终返回相对于浏览器文档的距离,它会忽略外层元素。

下边看个简单的例子,这里外层的div元素(position:relative)仅一个:

 
//获取相对于最近的父级(position:relative或position:absolute)的位置 var vposition = $("#inner").position(); alert(vposition.left);   //输出:50 alert(vposition.top);    //输出:60  var voffset = $("#inner").offset(); alert(voffset.left);   //输出:$("#outer").offset().left+50  alert(voffset.top);    //输出:$("#outer").offset().top+60

在不同浏览器中,offset()得到的相对于浏览器的位置不同,相信你看了上边相应的注释,已经掌握了position()同offset()方法的区别。

转载地址:http://ogojo.baihongyu.com/

你可能感兴趣的文章
WCF(四) 绑定
查看>>
发布一个MsBuild任务组件-可用于同时发布多个网站
查看>>
OpenRowSet导入Excel大批量数据
查看>>
myeclipse汉化及其相关配置设置(转)
查看>>
ORACLE常用监控语句(未完待续)
查看>>
高并发软件设计的几种方式
查看>>
poj1061
查看>>
(顺序表的应用5.4.2)POJ 1591 M*A*S*H(约瑟夫环问题的变形——变换步长值)
查看>>
从一列数中筛除尽可能少的数使得从左往右看,这些数是从小到大再从大到小的(网易)。...
查看>>
上传图片并显示缩略图的最简单方法(c#)
查看>>
我所期待的vs2007
查看>>
关于ORM的一些外文资料
查看>>
maven2完全使用手册
查看>>
如何成为“10倍效率”开发者
查看>>
为什么说CLR是类型安全的
查看>>
SGU 327 Yet Another Palindrome(状态压缩DP)
查看>>
topcoder srm 686 div1 -3
查看>>
如何调试程序的 Release 版本
查看>>
[Silverlight]实战WCF RIA gzip压缩
查看>>
Linux中VMware虚拟机硬盘空间扩大方法
查看>>