js 滾動載入實現(根本不需要一大堆js庫)

2021-09-01 23:38:29 字數 1663 閱讀 9882

tips:**中easyui treegrid的操作(專案中用easyui),**並不能放之四海而皆準,

但是可以通過**了解滾動載入的原理(只為學習)。

/** * @author wsf 前台分頁(只對已經載入的資料進行分割)

*/;(function (win,$),,//頁面資料

dataloding:false,//是否正在載入資料

canstartloaddata:false,//是否可以開始載入資料

pageno:1,//頁碼

pageitem:10,//沒有的資料條數(每頁顯示的條數)

currentpageitem:30,//當前頁面顯示了多少資料

time:null,//時間及時器

speed:10,//判斷是否可載入的間隔

},/**

* 初始化

*/init:function (_config),

/*** 設定pagedata

*/setpagedata:function (pagedata),

/***/

getnext:function (),

/*** 返回前一頁

*/getprev:function (),

/*** 監聽頁面滾動事件

*/listener:function ()

return _this;

},/**

* 開始載入資料

*/_startload:function (callback)

if(callback)

callback();

},/**

* 新增行

*/_addrow:function (_pagedata));

_this._interlacerow();//隔行變色

},/**

* 載入結束

*/_endload:function (),2000);

return _this;

},/**

* 是否可以開始載入資料

*/_canstartloaddata:function (),

/*** 頁面滾動到哪個地方了

*/_scrollposition:function (),

/*** 判斷頁面是否滾動到底部

*/ispagebottom:function () else if (document.body) */

scrolltop = $(document).scrolltop();

/*if (document.body.clientheight && document.documentelement.clientheight) else */

clientheight = $(document).height();

// 知識點:math.max 比較大小,取最大值返回

scrollheight = math.max(document.body.scrollheight, document.documentelement.scrollheight);

if (scrolltop + clientheight == scrollheight) else

},_interlacerow : function()

});})(window,jquery);

Js實現滾動載入原理 監聽滾動條滾動

原理 就是監聽頁面滾動事件,分析clientheight scrolltop scrollheight三者的屬性關係。1.document.compatmode css1compat 模式下 也就是宣告了dtd情況下 window.addeventlistener scroll function f...

假招聘內幕 我們根本不需要很多人

筆者曾經在深圳某知名集團公司工作過幾年,多次和公司人力資源部的同事去人才市場招募本部門需要的人員,發現每次公司都會貼出很多的招聘職位,而負責部門招聘的我很清楚公司有多少訂單要生產 我們根本不需要那麼多的人!有一次,我終於忍不住向人力資源部的主管詢問此事 為什麼我們要招那麼多公司根本不需要的人?人力資...

假招聘內幕 我們根本不需要很多人

筆者曾經在深圳某知名集團公司工作過幾年,多次和公司人力資源部的同事去人才市場招募本部門需要的人員,發現每次公司都會貼出很多的招聘職位,而負責部門招聘的我很清楚公司有多少訂單要生產 我們根本不需要那麼多的人!有一次,我終於忍不住向人力資源部的主管詢問此事 為什麼我們要招那麼多公司根本不需要的人?人力資...