2

div の高さを計算してスタイルとして返すスクリプトがあります。しかし、モバイル デバイスを回転させると高さが変わるので、リロードする方法が必要です。どうすればこれを達成できますか?

<script type="text/javascript">
window.onload = function() {
    var height = document.getElementById('id').offsetHeight;
    document.getElementById('id').style.marginTop = height + 'px';
}
</script>
4

2 に答える 2

4

それから関数を作成し、ロードとサイズ変更の両方でそれを呼び出します。ページをリロードする必要はありません。コードをもう一度呼び出すだけです。

<script type="text/javascript">
function calcHeight() {
    var height = document.getElementById('id').offsetHeight;
    document.getElementById('id').style.marginTop = height + 'px';
}

window.onload = calcHeight;
window.resize = calcHeight;

</script>
于 2012-09-07T13:42:42.047 に答える
3

関数を作成できます。

function setHeight() {
   var height = document.getElementById('id').offsetHeight;
   document.getElementById('id').style.marginTop = height + 'px';
}

onload を呼び出すことができること:

window.onload = function() {
   setHeight();
   // Other actions when window is loaded
}

そしてオンリサイズ:

window.onresize = function(event) {
   setHeight();
   // Other actions when window is resized
}

これでうまくいくはずです。

于 2012-09-07T13:44:34.000 に答える