一種基于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á)到減少用戶等待頁面加載的時間,提高用戶體驗。?? |
