jquery判斷是否出現捲軸的方法

jquery判斷是否出現捲軸的方法：1、透過「if ($(window).height() < $(document).height() ){}」方法判斷可視區域是否超過實際高度；2、透過if語句判斷螢幕可用工作區高度即可。

本教學操作環境：windows7系統、jquery1.10.0版本、thinkpad t480電腦。

推薦：《jquery影片教學》

jquery判斷是否出現捲軸

一、判斷視覺區域是否超過實際高度，超過一定存在

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

使用原生JavaScript的寫法

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

二、螢幕可用工作區高度>=網頁可見區域

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

註：

● $(window).height() // 瀏覽器視窗視覺區域高度

document.documentElement.clientHeight

● $(document).height() //瀏覽器視窗文件的高度

document.documentElement.offsetHeight

#● window.screen.availHeight // 螢幕可用工作區高度

#● document.body.clientHeight //網頁可見區域

以上是jquery判斷是否出現捲軸的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！