获得iFrame内容的高度

时间:2016-12-20 20:23:22

标签: javascript html css iframe

我正在使用类似于Disqus的评论脚本。我在一些页面中嵌入了iFrame,包括一个模态。我将滚动设置为no,并希望在不滚动的情况下完整显示iFrame源的内容。我可以通过将iFrame高度设置为一些大数字来实现。但是,我需要这是动态的,我需要弄清楚iFrame内容的高度,或者让容器根据源内容缩小高度。我怎么做。我尝试了许多JQuery函数,似乎没有工作。

准备iframe代码

  html = "<div class='ui items'><div class='item'><div class='ui tiny

        image'><img class = 'th mini-img' style = 'height:50px; width:50px;' 

        src='"+img+"'></div><div class='middle aligned content'><a 

        class='header'>"+name+"</a><div class='meta'><span class='cinema'><?php 

        echo $this->__('Inspiration by Visitor');?></span></div></div></div>

        </div>";

将iframe放入由semantic-ui框架制作的模态中,点击某个按钮

 <div class="ui long modal" id="easycomment_modal">

  <div class="header">
Profile Picture
 </div>

        

</div>

      <div class="description">
  <div class="ui header">We've auto-chosen a profile image for you.</div>
   <div class="cmt_contain"></div>
</div>
    </div>

    <div class="actions">
<div class="ui positive right labeled icon button">
  Yep, that's me
  <i class="checkmark icon"></i>
</div>

    </div>
  </div>

0 个答案:

没有答案