我們在做項目的時候,總會有某些需求要求用戶滾動到瀏覽器的底部北滥,重新加載新內(nèi)容井赌,比如瀑布流蜀细,懶加載這些舟铜。
所以今天就向大家介紹一下如何使用jQuery來確定用戶是否瀏覽了頁面的底部。
在了解以下知識之前奠衔,先介紹幾個概念谆刨。
通過上面的知識點,可以知道:網(wǎng)頁的高度>=瀏覽器顯示區(qū)域的高度+垂直滾動條距離頂部距離归斤。
有了這個結(jié)論痊夭,它就很容易實現(xiàn)了。下面的代碼已經(jīng)實現(xiàn)脏里,判斷用戶是否瀏覽到了網(wǎng)頁的底部她我。
如果需要判斷用戶是否已經(jīng)瀏覽到某個元素的話,只需更改頁面上方文檔的高度迫横,然后將其更改為一個元素番舆,即與頁面頂部的距離。例如:
在這里讀者需要注意矾踱,在判斷條件下恨狈,WH + C是滿足大于和這個數(shù)的最小整數(shù)。
接下來把上面的代碼封裝為一個插件呛讲。
然后在引入上面的插件文件后禾怠,就可以通過類似于下面的代碼調(diào)用了。