基于滾動(dòng)條位置判斷的簡(jiǎn)單實(shí)例
更新時(shí)間：2017年12月14日 15:20:12 作者：止戰(zhàn)之殤丶
下面小編就為大家分享一篇基于滾動(dòng)條位置判斷的簡(jiǎn)單實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
實(shí)例如下所示：
//獲取滾動(dòng)條距離頂部位置
function getScrollTop() {
var scrollTop = 0;
if (document.documentElement && document.documentElement.scrollTop) {
scrollTop = document.documentElement.scrollTop;
} else if (document.body) {
scrollTop = document.body.scrollTop;
}
return scrollTop;
}
//獲取當(dāng)前可視范圍的高度
function getClientHeight() {
var clientHeight = 0;
if (document.body.clientHeight && document.documentElement.clientHeight) {
clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
} else {
clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
}
return clientHeight;
}
//獲取文檔完整的高度
function getScrollHeight() {
return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
}
//判斷滾動(dòng)條是否達(dá)到底部
getScrollTop() + getClientHeight() == getScrollHeight()
以上這篇基于滾動(dòng)條位置判斷的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Bootstrap select多選下拉框?qū)崿F(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了Bootstrap select多選下拉框?qū)崿F(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下代碼2016-12-12
深入理解requireJS-實(shí)現(xiàn)一個(gè)簡(jiǎn)單的模塊加載器
本篇文章主要介紹了深入理解requireJS-實(shí)現(xiàn)一個(gè)簡(jiǎn)單的模塊加載器，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
這篇文章主要介紹了JavaScript中的方法重載實(shí)例,本文直接給出重載實(shí)例,需要的朋友可以參考下2015-03-03
父元素與子iframe相互獲取變量和元素對(duì)象的具體實(shí)現(xiàn)
父元素與子iframe相互獲取變量和元素對(duì)象的方法有很多,本文提供了一些不錯(cuò)的示例另收集網(wǎng)上的一些，可以參考下2013-10-10
JavaScript常用的3種彈出框(提示框?alert/確認(rèn)框?confirm/輸入框?prompt)
三種彈框在系統(tǒng)中都是同步執(zhí)行的，也就是說(shuō)，三種彈框中的任一彈框彈出，代碼都不在執(zhí)行，直到點(diǎn)擊確認(rèn)或取消，關(guān)閉彈窗后，代碼繼續(xù)執(zhí)行，本文通過(guò)實(shí)例代碼給大家分享JS常用的3種彈出框，感興趣的朋友一起看看吧2022-07-07
ES6引入了一個(gè)新的函數(shù)類(lèi)型，發(fā)現(xiàn)它并不符合這種運(yùn)行到結(jié)束的特性。這類(lèi)新的函數(shù)被稱(chēng)為生成器。生成器的出現(xiàn)是我們知道原來(lái)有時(shí)代碼并不會(huì)順利的運(yùn)行，可以通過(guò)暫停的方式進(jìn)行異步回調(diào)，讓我們摒棄了此前的認(rèn)知。本文就來(lái)聊聊JavaScript中生成器的相關(guān)知識(shí)2022-11-11
本文主要給大家簡(jiǎn)單介紹了是什么是DOM、動(dòng)態(tài)操作DOM元素的方法、使用jsjs操作樣式以及Form對(duì)象的簡(jiǎn)介，是個(gè)人對(duì)于javascript中的DOM的理解的總結(jié)，推薦給小伙伴們。2015-03-03
Javascript 繼承機(jī)制的實(shí)現(xiàn)
要用ECMAScript實(shí)現(xiàn)繼承機(jī)制，首先從基類(lèi)入手。所有開(kāi)發(fā)者定義的類(lèi)都可作為基類(lèi)。出于安全原因，本地類(lèi)和宿主類(lèi)不能作為基類(lèi)，這樣可以防止公用訪問(wèn)編譯過(guò)的瀏覽器級(jí)的代碼，因?yàn)檫@些代碼可以被用于惡意攻擊。2009-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)炫酷的彈出式菜單特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
js+canvas實(shí)現(xiàn)刮刮獎(jiǎng)功能
這篇文章主要為大家詳細(xì)介紹了js+canvas實(shí)現(xiàn)刮刮獎(jiǎng)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09