再努力一点点

没有烟抽的日子
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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;