jQuery 滾動條下拉載入內容

2022-05-04 14:54:07 字數 567 閱讀 9340

現在很多**為了更好的使用者體驗,那麼就會預先載入一部分內容,等到滾動條下拉到底部的時候,然後使用 ajax或其它技術,請求更多的內容,這樣會使網頁的使用者體驗會更好些,那麼這個是怎麼樣做到的呢?現在就在這裡提供一種思路出來...

$(function(){

//思路是:如果內容區域 小於等於 可視區高度加滾動條的高度的話那麼就進行載入...

$(window).scroll(function(){

// document 文件高度

var docheight = $(document).height();

// window 可視區高度

var rollheight = $(window).height();

//window 滾動條高度

var scrheight = $(window).scrolltop();

//如果內容區域 小於等於 可視區高度加滾動條的高度的話那麼就進行載入...

if (docheight <= (rollheight+scrheight)) {

//你所要執行的其它**...

alert(1);

jquery獲取滾動條下拉值 下拉式載入資料

var docheight document height 獲取整個頁面的高度 var winheight window height 獲取當前窗體的高度 用window獲取的值跟document獲取的值是相同的不能用 var innerhei window.innerheight 獲取當前窗體的高...

jQuery根據滾動條位置載入相應的內容

先靜態布局好html結構,使用偽類 hover模擬動畫效果,再使用jquery 控制動畫類名的切換來實現效果!主要判斷滾動的方向,以及相應方向上載入動畫的時機 即何時才載入動畫的判斷條件!關鍵點!向下滾動載入動畫判斷條件 中addclass 函式 向上滾動載入動畫判斷條件 中addclass2 函式...

下拉載入更多內容(滾動載入)

最近寫專案,要求實現滾動條滾動到底部的時候請求載入更多的資料。要實現此功能首先想到的就是scroll事件,經過查閱資料終於實現此功能,具體原理如下 首先需要給div加scroll事件,監聽滾動條滾動動作。滾動載入的原理 當滾動條的高度加上 滾動條到div頂部的高度 等於div的可滾動高度時,說明滾動...