需求：在APP落地頁(yè)上的底部位置顯示此前其他用戶的購(gòu)買記錄，要求此div盒子只顯示3條半，但一頁(yè)有10條，div內(nèi)的滑動(dòng)條滑到一頁(yè)底部自動(dòng)加載下一頁(yè)并發(fā)加載埋點(diǎn)。

 

實(shí)現(xiàn)：首先理解三個(gè)概念，分別是contentH，viewH，scrollTop。

contentH:即所要滑動(dòng)的元素內(nèi)容的高度，包括可見(jiàn)部分以及滾動(dòng)條下面的不可見(jiàn)部分。

ViewH:即我們看到的這個(gè)DIV的高度，不包括可見(jiàn)部分也不包括滾動(dòng)條下面的不可見(jiàn)部分。

scrollTop:即滾動(dòng)條距離頂部的距離，若scrollTop的值為0，則代表滾動(dòng)條在最上面。拉動(dòng)滾動(dòng)條，從最上面到最下面，變化的是scrollTop的值。例：假如contentH的高度為2000，而這個(gè)DIV的高度只有300，那么還有1700不可見(jiàn)，拉動(dòng)滾動(dòng)條到最底部，此時(shí)scrollTop為1700，所以這個(gè)1700也可以理解為滾動(dòng)條可以滾動(dòng)的長(zhǎng)度。當(dāng)滑動(dòng)條拉到底部的時(shí)候，contentH=viewH+scrollTop。

故可實(shí)現(xiàn)如下：