2

次のコードが機能しない理由を誰かが知っていますか？ビューポートを超えて下に下がる可能性のある固定幅のdivの動的な高さが必要です。

 <script type="text/javascript">
function findheight(){  
  var div = document.getElementById('bg');
  var height = document.scrollHeight;
  div.style.height = height + 'px';
}

  </script>     
</head>

<body onload="findheight()">
    <div id="bg">

そうでない場合、これを回避する別の方法はありますか？どんな助けでも大歓迎です。ありがとう

4

3 に答える 3

2

これはjavascriptを使用して実現できます。「offsetHeight」メソッドを使用する必要があります。

function getHeight() {
    var height = document.getElementById('test').offsetHeight;
    alert(height);
}

ここにサンプルのフィドル
があります詳細はここにあります

于 2012-10-27T10:07:59.967 に答える
0

これが機能しない理由は、div.style.heightが空であるため、parseFloatを実行するとNaNが返されるためです。

document.getElementById('bg').offsetHeightその後、これは機能するはずです。

または 試してみてください

function bodyHeight() {
var scnHei;

if (self.innerHeight) // all except Explorer
{
    scnHei = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
    // Explorer 6 Strict Mode
{
    scnHei = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
    scnHei = document.body.clientHeight;
}

document.getElementById("bgr_right").style.height=scnHei + "px";
document.getElementById("bgr_left").style.height=scnHei + "px";
}

あなたの体の中で onload=bodyHeight();

于 2012-10-27T10:07:02.340 に答える
0

これがこの種の問題に対する私の解決策です。これがあなたにも役立つことを願っています。

divが互いに折りたたまれないように、ブラウザーを最小化するときにdivをスケーリングする方法

$(document).height()jqueryから使用してドキュメントの高さを取得します

于 2012-10-27T10:07:26.923 に答える