2

Web ブラウザーで使用可能なスペース全体の高さを取得する必要があるためdiv、画面の途中に を配置し、それを完全に引き伸ばすことができます。

うまくいくと思いましたが、使用可能なスペースの合計ではなく、占有されdocument.body.clientHeightていたスペースの量が返されました。

divまた、すべての「ラッパー」を作成してみました。

<div id="wrapper" style="height: 100%; width: 100%;">
    //my other code
</div>

そして、その高さを取得しますが、それでも占有スペースが返されます。

Javascript または jQuery を使用して Web ブラウザーで使用可能な合計スペースを取得するにはどうすればよいですか?

4

5 に答える 5

5

jQuery ドキュメントからheight()

This method is also able to find the height of the window and document.

    $(window).height();   // returns height of browser viewport
    $(document).height(); // returns height of HTML document
于 2013-02-13T13:58:43.000 に答える
1

要素の親で利用可能なスペースを意味します.これを試すことができます...

var entireHeight=$('#elementID').parent().height();

var siblingHeight=0;

var elementSiblings=$('#elementID').siblings();

$.each(elementSiblings, function() {
    siblingHeight= siblingHeight+$(this).height();
});

値の減算、すなわち

(entireHeight-siblingHeight) 

利用可能なスペースを提供する必要があります。

それが役立つことを願っています.. :) それが機能していない場合は教えてください。

于 2013-02-13T14:32:41.517 に答える