0

「この」iframe / div（赤い枠でマークされている）が利用可能なすべての高さを使用できるようにするにはどうすればよいか疑問に思っていました。iframe は上から 160px で、下に移動したいです。高さ @ 100% を設定するとすべてが塗りつぶされますが、Web ページの高さを低くすると、スクロールバーが非常に遅く表示されます。これは、彼が上から 160px であるためです...誰かこれを修正する方法を知っていますか?

php:

<div id="sidebar"  style="display: none;">
    <div class="sidebar p1"><a onclick="toggle_visibility('sidebar');"><i class="icon-arrow-left-3 fg-color-white"></i></a></div>
    <div class="sidebar p2">settings</div>
    <div class="sidebar p3">change theme color:</div>

    <iframe id="data" src="/test/coredata/sidebar/theme_data.php"/>

</div>

CSS:

#sidebar{ 
        width: 315px; height: 100%; 
        position: fixed; right: 0px;
        top: 0px; background: #004d5f;
}
#data{width:310px; height:300px; position:absolute; top: 160px; left: 0px; border:3px solid #FF0000;}

画面: http://puu.sh/21vAz (URL は 10 担当者まで...)

4

2 に答える 2

0

iframeの高さを300pxに設定しました：#data {width：310px; 高さ：300px;

すべてのフレームを埋める場合は、100％に設定する必要があります

于 2013-02-12T19:24:13.673 に答える
-1 
    <script language="JavaScript">
    <!--
function calcularAltura()
{
  //Calcular a altura da página actual.
  var the_height=
    document.getElementById('the_iframe').contentWindow.
      document.body.scrollHeight;

  //Alterar a altura do iframe
  document.getElementById('the_iframe').height=
      the_height;
}
//-->
</script>

<iframe width="700" id="the_iframe" 
    onLoad="calcularAltura();" 
    src="/test/coredata/sidebar/theme_data.php"
    scrolling="NO"
    frameborder="0"
    height="1">
</iframe>

ITは機能するはずです;）

于 2013-02-12T19:25:41.457 に答える