上拉載入的實現思路其實很簡單：
1.移動端觸發touchmove事件(上拉)
2.判斷最後乙個元素是否已出現在底部
3.若出現，則js新增元素到頁面末尾
思路圖：
接下來開始編寫style樣式：
html,bodyhtml結構：li#personkit_article_ul
.pin
.personkit-article__img
.personkit-article__img img
.personkit-article__info
.personkit-article__title
/*多行文字溢位作省略處理*/
.personkit-article__info p
.bottom-line
js是用zepto.js庫實現的：
;(function()這個效果是模擬移動端，測試時可使用谷歌瀏覽器——右鍵——審查元素，點選上面已圈點的地方可看到效果});//新增元素方法
function checkpull()
}})();
vant實現上拉載入下拉重新整理的效果
onload 下拉重新整理，上拉載入更多 v model searchval show action placeholder search onsearch onsearch 搜尋 div template van search primary 搜尋 van button refreshing re...
flex 實現移動端上下固定，中間滑動
如果你還在用position fixed來保持移動端頂部 下部的導航欄在全域性固定位置不動。那你可以換種方法。更簡單，方便，快捷 還不會受定位的影響。不過注意，使用flex彈性布局的話，需要將設定flex的這個盒子所依賴的父標籤的height有個固定的值，一般就是佔滿全域性height 100 大師...
移動端touch事件 上拉載入更多
我不認為是外掛程式的問題，當時的想法是覺得引用的外掛程式存在衝突 於是，我就直接通過封裝touch事件完成上拉載入實現分頁的功能。備註 文章最後會加上為實現這個功能我找的一些外掛程式 在應用touch事件實現上拉載入更多實現分頁的效果上，其實我們用到的只有touchstart，touchmove，t...