js 判斷滾動到頁面底部

CreateTime--2018年4月14日10:13:07

Author:Marydon

1.使用場景：

　　滾動到屏幕底部，觸發加載分頁數據請求（qq空間，手機端）?

2.代碼實現

　　javascript方式?

window.onscroll = function() {//獲取被卷去高度var scrollTop = document.body.scrollTop;//獲取窗口高度（可見區域高度）var windowHeight = document.documentElement.clientHeight;//獲取文檔高度var documentHeight = document.body.scrollHeight;if (scrollTop + windowHeight >= documentHeight) {$('#nomore').show();//發送Ajax請求獲取分頁數據 } }

　　jQuery方式

$(window).scroll(function() {//獲取被卷去高度var scrollTop = $(this).scrollTop();//獲取窗口高度（可見區域高度）var windowHeight = $(this).height();//獲取文檔高度var documentHeight = $(document).height();if (scrollTop + windowHeight >= documentHeight) {$('#nomore').show();//發送Ajax請求獲取分頁數據 } });

區別：javascript的onscroll事件只能定義一次，而jQuery的scroll事件可以定義多次，還不會沖突。

?相關推薦：

? ? ? ? ??js 判斷進入可視區域

總結

以上是生活随笔為你收集整理的javascriptjquery 判断滚动到页面底部的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。