javascript - 要素の高さを本体の高さから 170px を引いた値に設定します

Question

ページの右下隅に完全に配置された div があります。問題は、div に含まれるコンテンツが多すぎる場合、コンテンツの上部がページの上部に隠れてしまうことです。私がやりたいことは、div の最大高さを本体の高さから 170px を引いた値に設定することです。

オンラインでいくつかのチュートリアルを試しましたが、あまりうまくいきませんでした:

これまでに得たものは次のとおりです。

<script>
var x, y, z;
y = 170;
function getDocHeight() {
    var x = document;
    return Math.max(
        Math.max(x.body.scrollHeight, x.documentElement.scrollHeight),
        Math.max(x.body.offsetHeight, x.documentElement.offsetHeight),
        Math.max(x.body.clientHeight, x.documentElement.clientHeight)
    );
};
z = x-y;//document height minus 170. this is the height we need for the info div
document.write (z);
document.write (y);
document.write (x);
</script>

上記の出力はNaN170undefinedであるため、div id="info" の高さを設定しようとさえしていません。

すべてのヘルプは大歓迎です。

ショーン

Answer 1

JQuery を使用している場合は、次のことができます。

z = $("body").height() - 170;