基于滾動條位置判斷的簡單實例
更新時間:2017年12月14日 15:20:12 作者:止戰(zhàn)之殤丶
下面小編就為大家分享一篇基于滾動條位置判斷的簡單實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下所示:
//獲取滾動條距離頂部位置 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; } //獲取當前可視范圍的高度 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); } //判斷滾動條是否達到底部 getScrollTop() + getClientHeight() == getScrollHeight()
以上這篇基于滾動條位置判斷的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JS實現(xiàn)控制圖片顯示大小的方法【圖片等比例縮放功能】
這篇文章主要介紹了JS實現(xiàn)控制圖片顯示大小的方法,即實現(xiàn)圖片等比例縮放功能,涉及JS動態(tài)操作頁面元素屬性相關技巧,需要的朋友可以參考下2017-02-02信息頁文內(nèi)畫中畫廣告js實現(xiàn)代碼(文中加載廣告方式)
一般來說文章內(nèi)容中的廣告點擊率更好,也更容易被訪客看到,如果直接將廣告放到頁面頭部會影響網(wǎng)站的速度,所以一般都比較喜歡這種方法,這里分享下實現(xiàn)方法2016-01-01script標簽中的async和defer詳細說明與使用場景
這篇文章主要介紹了script標簽中的async和defer詳細說明與使用場景,需要的朋友可以參考下2023-02-02純javascript代碼實現(xiàn)計算器功能(三種方法)
純javascript代碼實現(xiàn)計算器功能,接下來,由小編給大家分享一下用純javascript代碼編寫的計算器程序,需要的朋友可以參考下2015-09-09