スクロールバーが表示されるかどうかを判断するjqueryメソッド

スクロール バーが表示されるかどうかを判断する Jquery メソッド: 1. 「if ($(window).height() < $(document).height() ){}」メソッドを使用して、スクロール バーが表示されるかどうかを判断します。表示領域が実際の高さを超えています; 2. if ステートメントを使用して、画面上の利用可能な作業領域の高さを決定します。

#このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、thinkpad t480 コンピューター。

推奨: 「

jquery ビデオ チュートリアル 」

jquery はスクロール バーが表示されるかどうかを決定します

1. スクロール バーが表示されるかどうかを決定します。領域が実際の高さを超え、一定レベルを超える

if ($(window).height() < $(document).height() ) {
    alert(&#39;出现滚动条&#39;)
}

ネイティブJavaScript記述方法を使用する

if (document.documentElement.clientHeight < document.documentElement.offsetHeight){
    alert(&#39;出现滚动条&#39;)
}

2. 画面利用可能な作業領域の高さ>=Webページの可視領域

if (window.screen.availHeight >= document.body.clientHeight) {
  alert("页面无滚动条")
} else {
    alert("页面有滚动条")
}

注:

#$(window).height() // ブラウザ ウィンドウの表示領域の高さ

document.documentElement.clientHeight

● $( document).height() // ブラウザウィンドウの高さ document

document.documentElement.offsetHeight

● window.screen.availHeight // 画面上の利用可能な作業領域の高さ

● document.body.clientHeight // Web ページの表示領域

以上がスクロールバーが表示されるかどうかを判断するjqueryメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。