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

 

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

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

ViewH:即我們看到的這個DIV的高度，不包括可見部分也不包括滾動條下面的不可見部分。

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

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