鍍金池/ 問(wèn)答/HTML5  HTML/ 有人做過(guò)類似京東的，頁(yè)面往下滾動(dòng)，內(nèi)容逐漸渲染插入的功能嗎？

有人做過(guò)類似京東的，頁(yè)面往下滾動(dòng)，內(nèi)容逐漸渲染插入的功能嗎？

我沒(méi)做過(guò)，想知道思路是怎么的

是先將一個(gè)個(gè)section結(jié)構(gòu)存儲(chǔ)為字符串，然后滾動(dòng)到指定位置,執(zhí)行如下代碼嗎？

是跟分頁(yè)加載差不多，但是每個(gè)section的內(nèi)容和布局是不一樣的

$('#section_01').html(section_01_template);

有坐過(guò)的朋友可以給下代碼參考下嗎？

回答
編輯回答
傻叼

監(jiān)聽滾動(dòng)事件，判斷當(dāng)前$('#section_01')的scrollTop+height是不是等于scrollHeight

2018年5月7日 15:27
編輯回答
懷中人

要實(shí)現(xiàn)下拉加載的功能？
1，獲取當(dāng)前瀏覽器的高度clientHeight
2，滾動(dòng)的高度等于clientHeight時(shí)，請(qǐng)求下一頁(yè)數(shù)據(jù)，原來(lái)的數(shù)據(jù)+=新一頁(yè)的數(shù)據(jù)
要實(shí)現(xiàn)頁(yè)面的內(nèi)容顯示在當(dāng)前的窗口時(shí)加載數(shù)據(jù)（按需加載）？
那就當(dāng)前內(nèi)容顯示的時(shí)候請(qǐng)求數(shù)據(jù)就可以了
代碼自己寫

2017年5月24日 12:53
編輯回答
我甘愿

這不就跟上滑加載一樣嗎，不過(guò)是一個(gè)距離底部還有多少請(qǐng)求ajax接口，你的是獲取提前定義好的數(shù)據(jù)。
至于上滑加載就是onscroll判斷內(nèi)容區(qū)底部和這個(gè)容器的距離了。

2017年7月3日 00:07