找回密码
 立即注册
jquery offset().top获取值为0:http://www.phpvar.com/archives/1822.html
这是之前网站上发过一篇文章,关于jquery offset()获取隐藏元素坐标值的问题,这里要特别强调的是:

jquery offset()、position()方法 以及原生js offsetTop属性、 getBoundingClientRect()方法都无法获取隐藏元素的坐标相关值,表现为获取值始终为0。

网上基本都有说到这个问题,但却没给出很好的解决方法,可能有人会想到用visibility: hidden; 去代替 display:none的方法,即达到隐藏元素效果,又能获取到元素的坐标值的目的。但问题是被visibility: hidden; 掉的元素本身还是占用页面位置,当该元素占用面积比较大的时候这方法就是直接影响到页面的显示效果了!


终极解决方法: (obj 对象为要进行offset()操作的元素)
$(obj).show();
// obj进行offset()相关的操作
var temp=$(obj).offset().top;
alert(temp);
$(obj).hide();


标红的就是关键:在要对obj 对象进行offset()操作前先把该元素显示出来,以便能获取offset()值,操作完后,再隐藏掉就好了,无副作用!




免责声明:本文内容部分来源于网络,出于网络分享目的,如对您的权益版权有异议我们将予以删除,谢谢合作!
分享至 : QQ空间
收藏

0 个回复

您需要登录后才可以回帖 登录 | 立即注册