How to get height of hidden element?
Posted on 2010-08-18 16:26 ZhangPeng.Chen 阅读(311) 评论(0) 编辑 收藏 举报
获取隐藏元素的高度有什么作用呢?
场景:
一个dialog插件
dialog.show(url)
1. 显示loading
2. 使用iframe加载url
3. iframe加载完成,自动调整iframe的高度
4. 显示dialog,隐藏loading
第3步,自动调整iframe高度,我们可以使用$iframe.contents().find("body").height()获取iframe中内容的高度。
不过由于dialog还没被显示出来,所以获取的高度始终是0,这样我们就没办法自动调整iframe的高度。
解决方案:
隐藏的时候使用visibility: hidden; display: block; 替换 display: none; 这样我们就可以获取到高度了。
显示的时候使用visibility: block;
场景:
一个dialog插件
dialog.show(url)
1. 显示loading
2. 使用iframe加载url
3. iframe加载完成,自动调整iframe的高度
4. 显示dialog,隐藏loading
第3步,自动调整iframe高度,我们可以使用$iframe.contents().find("body").height()获取iframe中内容的高度。
不过由于dialog还没被显示出来,所以获取的高度始终是0,这样我们就没办法自动调整iframe的高度。
解决方案:
隐藏的时候使用visibility: hidden; display: block; 替换 display: none; 这样我们就可以获取到高度了。
显示的时候使用visibility: block;