基于滾動(dòng)條位置判斷的簡(jiǎn)單實(shí)例
實(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)文章
JS實(shí)現(xiàn)控制圖片顯示大小的方法【圖片等比例縮放功能】
這篇文章主要介紹了JS實(shí)現(xiàn)控制圖片顯示大小的方法,即實(shí)現(xiàn)圖片等比例縮放功能,涉及JS動(dòng)態(tài)操作頁面元素屬性相關(guān)技巧,需要的朋友可以參考下2017-02-02
clipboard.js在移動(dòng)端復(fù)制失敗的解決方法
最近在使用clipboard.js碰到的一個(gè)小問題,通過查找相關(guān)資料解決了,所以下面這篇文章主要給大家介紹了關(guān)于clipboard.js在移動(dòng)端復(fù)制失敗的解決方法,需要的朋友可以參考借鑒,下面來一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06
Axios設(shè)置token請(qǐng)求頭的三種方式
用戶登錄時(shí),后端會(huì)返回一個(gè)token,并且保存到瀏覽器的localstorage中,可以根據(jù)localstorage中的token判斷用戶是否登錄,所以當(dāng)發(fā)送請(qǐng)求時(shí),都要攜帶token給后端進(jìn)行判斷,本文給大家介紹了Axios設(shè)置token請(qǐng)求頭的三種方式,需要的朋友可以參考下2024-02-02
信息頁文內(nèi)畫中畫廣告js實(shí)現(xiàn)代碼(文中加載廣告方式)
一般來說文章內(nèi)容中的廣告點(diǎn)擊率更好,也更容易被訪客看到,如果直接將廣告放到頁面頭部會(huì)影響網(wǎng)站的速度,所以一般都比較喜歡這種方法,這里分享下實(shí)現(xiàn)方法2016-01-01
JS簡(jiǎn)單獲取并修改input文本框內(nèi)容的方法示例
這篇文章主要介紹了JS簡(jiǎn)單獲取并修改input文本框內(nèi)容的方法,結(jié)合實(shí)例形式分析了JavaScript針對(duì)頁面元素的獲取、賦值等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
script標(biāo)簽中的async和defer詳細(xì)說明與使用場(chǎng)景
這篇文章主要介紹了script標(biāo)簽中的async和defer詳細(xì)說明與使用場(chǎng)景,需要的朋友可以參考下2023-02-02
純javascript代碼實(shí)現(xiàn)計(jì)算器功能(三種方法)
純javascript代碼實(shí)現(xiàn)計(jì)算器功能,接下來,由小編給大家分享一下用純javascript代碼編寫的計(jì)算器程序,需要的朋友可以參考下2015-09-09

