一種基于web端頁面加載的方法

基本信息

申請?zhí)?/td> 2020111715963 申請日 -
公開(公告)號 CN112256996A 公開(公告)日 2021-01-22
申請公布號 CN112256996A 申請公布日 2021-01-22
分類號 G06F16/957(2019.01)I;H04L29/08(2006.01)I 分類 計算;推算;計數(shù);
發(fā)明人 林寧 申請(專利權(quán))人 冠群信息技術(shù)(南京)有限公司
代理機(jī)構(gòu) 重慶百潤洪知識產(chǎn)權(quán)代理有限公司 代理人 陳萬江
地址 210000江蘇省南京市江北新區(qū)星火路17號創(chuàng)智大廈B座11層
法律狀態(tài) -

摘要

摘要 本發(fā)明涉及前端顯示技術(shù)領(lǐng)域,具體涉及一種基于web端頁面加載的方法,包括一種基于web端頁面加載的方法,包括步驟S1:加載頁面時,首先獲取瀏覽器的可視化窗口的高度,設(shè)置為h1;獲取參考元素距離網(wǎng)頁頂部的高度,設(shè)置為h2;S2:判斷獲h2是否小于h1,若h2>h1,則首先獲取占頁面總長度ɑ%長度的頂部信息進(jìn)行展示;S3:添加客戶端瀏覽器滾動條的監(jiān)聽事件,啟動scroll事件的scroll方法;S4:判斷參考元素是否出現(xiàn)在瀏覽器的可視化窗口中,當(dāng)參考元素位于可視窗口范圍內(nèi)時,則觸發(fā)懶加載動作,以解決網(wǎng)頁在加載多數(shù)據(jù)頁面時,出現(xiàn)頁面卡頓、加載時間長問題,達(dá)到減少用戶等待頁面加載的時間,提高用戶體驗。??