jquery 判斷滾動條到達了底部和頂端的方法

2021-06-28 11:58:16 字數 542 閱讀 5488

這篇文章主要介紹了jquery 判斷滾動條到達了底部和到達頂端的方法,需要的朋友可以參考下

複製**

**如下:

$(document).height()  //是獲取整個頁面的高度

$(window).height()  //是獲取當前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器視窗大小時會改變,與document是不一樣的

要獲取頂端,只需要獲取到scrolltop()==0的時候就是頂端;

要獲取底端,只要獲取scrolltop()>=$(document).height()-$(window).height()  就可以知道已經滾動到底端了;

複製**

**如下:

$(document).scrolltop() 獲取垂直滾動的距離  即當前滾動的地方的視窗頂端到整個頁面頂端的距離;

$(document).scrollleft() 這是獲取水平滾動條的距離;

例子:複製**

**如下:

$(document).scroll(function())

jQuery檢測滾動條到達底部

jquery獲取位置和尺寸相關函式 document height 獲取整個頁面的高度 window height 獲取當前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器視窗大小時會改變,與document是不一樣的 scrolltop 獲取匹配元素相對滾動條頂部的偏移。scrol...

jquery判斷滾動條是否到達視窗頂部和底部

var doc height document height var scroll top document scrolltop var window height window height doc height是文件的高度,scroll top是滾動條上部離文件頂部的高度,window heig...

jquery滾動條操作

在開發專案時,常常需要展示大量資料。如果全部顯示出來,資料相對少時,看不出來什麼不同,如果資料很多時,一次請求全部顯示,這就相當可怕了。面對這種問題,pc裡使用了分頁效果,將資料分成一頁頁,換頁時請求當前頁資料,而螢幕較小的移動端,分頁就不怎麼好看了,常用的方法是滾動到底部時繼續載入資料 滾動載入其...