ウィンドウとページのサイズに応じてクラスを変更します。

Question

私は私のページの一番下にDIVを持っています。

基本的に、ページの高さがウィンドウより小さい場合は、クラスを「firstclass」にします。

ページの高さがウィンドウの高さよりも高い場合は、クラスを「secondclass」にします。

誰でもお手伝いできますか？ありがとう:)

Answer 1

document.body.offsetWidthとoffsetHeightは現在のウィンドウの幅と高さを与えます。

あなたのページの高さと比較してください。 jQueryのドキュメントからウィンドウ 上

またはjqueryのheight()とwidth()：

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document 

http://api.jquery.com/height/

Answer 2

あなたが比較する必要があります：

window.innerHeight 

と

document.body.offsetHeight