這篇文章主要介紹jquery如何判斷是否出現(xiàn)滾動(dòng)條,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
目前創(chuàng)新互聯(lián)已為上千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、湘潭網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶(hù)導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶(hù)和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
jquery判斷是否出現(xiàn)滾動(dòng)條的方法:1、通過(guò)“if ($(window).height() < $(document).height() ){}”方法判斷可視區(qū)域是否超過(guò)實(shí)際高度;2、通過(guò)if語(yǔ)句判斷屏幕可用工作區(qū)高度即可。
jquery判斷是否出現(xiàn)滾動(dòng)條
一、判斷可視區(qū)域是否超過(guò)實(shí)際高度,超過(guò)一定存在
if ($(window).height() < $(document).height() ) { alert('出現(xiàn)滾動(dòng)條') }
使用原生JavaScript的寫(xiě)法
if (document.documentElement.clientHeight < document.documentElement.offsetHeight){ alert('出現(xiàn)滾動(dòng)條') }
二、屏幕可用工作區(qū)高度>=網(wǎng)頁(yè)可見(jiàn)區(qū)域
if (window.screen.availHeight >= document.body.clientHeight) { alert("頁(yè)面無(wú)滾動(dòng)條") } else { alert("頁(yè)面有滾動(dòng)條") }
注:
● $(window).height() // 瀏覽器窗口可視區(qū)域高度
document.documentElement.clientHeight
● $(document).height() // 瀏覽器窗口文檔的高度
document.documentElement.offsetHeight
● window.screen.availHeight // 屏幕可用工作區(qū)高度
● document.body.clientHeight // 網(wǎng)頁(yè)可相關(guān)文章!
以上是“jquery如何判斷是否出現(xiàn)滾動(dòng)條”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!