jquery如何判斷是否出現(xiàn)滾動(dòng)條

發(fā)布時(shí)間：2020-12-14 14:23:36 來源：億速云閱讀：285 作者：小新欄目：web開發(fā)

這篇文章主要介紹jquery如何判斷是否出現(xiàn)滾動(dòng)條，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

jquery判斷是否出現(xiàn)滾動(dòng)條的方法：1、通過“if ($(window).height() < $(document).height() ){}”方法判斷可視區(qū)域是否超過實(shí)際高度；2、通過if語句判斷屏幕可用工作區(qū)高度即可。

jquery判斷是否出現(xiàn)滾動(dòng)條

一、判斷可視區(qū)域是否超過實(shí)際高度，超過一定存在

if ($(window).height() < $(document).height() ) {
    alert('出現(xiàn)滾動(dòng)條')
}

使用原生JavaScript的寫法

if (document.documentElement.clientHeight < document.documentElement.offsetHeight){
    alert('出現(xiàn)滾動(dòng)條')
}

二、屏幕可用工作區(qū)高度>=網(wǎng)頁可見區(qū)域

if (window.screen.availHeight >= document.body.clientHeight) {
  alert("頁面無滾動(dòng)條")
} else {
    alert("頁面有滾動(dòng)條")
}

注：

● $(window).height() // 瀏覽器窗口可視區(qū)域高度

document.documentElement.clientHeight

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

document.documentElement.offsetHeight

● window.screen.availHeight // 屏幕可用工作區(qū)高度

● document.body.clientHeight // 網(wǎng)頁可相關(guān)文章！

以上是“jquery如何判斷是否出現(xiàn)滾動(dòng)條”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡