這個例項應該說可以很簡單，直接使用jquery的方法來處理也是可以的。但本文底層使用原生的js來處理，遇到一些小知識點可以分析一下也算有所得。
原理很簡單，就是為window新增乙個scroll事件，瀏覽器每次觸發scroll事件時判斷是否滾動到了瀏覽器底部，如果到了底部則載入新資料。關鍵是計算滾動條是否滾動到了瀏覽器底部，演算法如下
滾動條卷起來的高度 + 視窗高度 > 文件的總高度 + 50/*我這裡將滾動響應區域高度取50px*/；如果這個判斷為true則表示滾動條滾動到了底部。
例項
裡面的載入條為
滾動條滾動到底部
其實，滾動條是抽象為乙個 點 來對待。在內部div高度高於外部div高度，並且外部div允許出現垂直滾動條時，此時頁面載入後會出現滾動條。理解兩個屬性，scrollheihgt scrolltop，scrollheight為滾動條可以滾動的滾動的距離，即內部div的高度，scrolltop表示滾動條...
判斷滾動條是否滾動到底部
先是對乙個dom元素的三個屬性先理解。分別是 clientheight offsetheight scrolltop。說說個人理解。clientheight 這個元素的高度，占用整個空間的高度，所以，如果乙個div有滾動條，那個這個高度則是不包括滾動條沒顯示出來的下面部分的內容。而只是單純的div的...
滾動到頁面底部自動載入內容
上網時經常會看到許多酷炫的網頁，其中給我印象較深刻的是滑鼠滾動到頁面底部時會自動載入內容，一直都很好奇是怎麼樣做到的，於是自己也嘗試著寫了一下。先上個完整 吧 doctype html html lang en head meta charset utf 8 title document title...