使用jQuery輕鬆判斷網頁是否已經滾動到瀏覽器底部了?


把window轉換為jQuery對象$(window),使用scroll事件,判斷文檔滾動距離頂部為「文檔的高度減去窗口高度」就可以出發滾動到底部了。

console.log()是控制台輸出,用chrome開發者工具可以查看輸出,當然你也可以把它換成alert()方法。

這裡代碼放到頁面底部就不用使用$(document).ready()方法了;

$(window).scroll(function() {

if ($(document).scrollTop() >= $(document).height() - $(window).height()) { console.log("滾動條已經到達底部" + $(document).scrollTop());

} });


推薦閱讀:

買ipad pro9.7還是ipad pro10.5好呢?
個人現在想通網賺賺點外快,但是不知道做什麼項目好,大神們有沒有好的推薦?
除了雙十一,你還了解黑色星期五嗎?多家互聯網公司如洋碼頭和亞馬遜海外直淘?
任正非稱要「這個世界百分之九十幾都是窮人,華為要重視低端手機」,你怎麼看?
人工智慧(AI)是人造的,為何要擔心它威脅人類自身?

TAG:科技 | jQuery | 瀏覽器 |