我們知道在移動端的分頁處理 都是上拉載入更多；這樣的互動更加的友好;下面來簡單的講講 實現的原理：
這個原理很簡單 ；就是頁面到達最底部了，那麼就去執行請求資料載入，把新得到的資料載入到分頁裡去；
我們怎麼來判斷是否到底部了呢？
觀察右邊的滾動條 ： 滾動條的高度（等於瀏覽器視窗的高度）+他的上下留白 ===頁面的總高；
而頁面到底的狀態是滾動條的高度（等於瀏覽器視窗的高度）+滾動條到頂部的距離===頁面的總高度；
如果 一旦等於或者大於那麼我們就知道頁面到底了，該執行載入動作了；**的實現就是（這邊就不寫相容寫法了，只闡述原理）：
1，得到滾動條到頂部的距離
scrolltop = document.body.scrolltop;
2，得到 滾動條的高度（等於瀏覽器視窗的高度）
clientheight =document.body.clientheight
3，得到頁面的高度
pageheight=document.body.scrollheight
那麼 他們在
scrolltop+clientheight>=pageheight
的時候就說明到達頁面的底部了 這個時候就應該去觸發載入事件了，但是這個時候又需要滾動事件去觸發；所以
window.scroll=function(){
if( scrolltop+clientheight>=pageheight){
//這個位置去載入更多的資料；或者進一步判斷是否有分頁可以載入；
以上就是關於 移動端上拉載入更多的基本原理；可以在這個基礎上繼續新增新的元素是功能看起來更加的飽滿
h5頁面的寫法 移動端h5頁面寫法
1.頁面寬度320，所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640，元素尺寸正常 暫未發現問題 3.頁面寬度640，js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...
移動端h5列表頁上拉分頁載入更多
解釋一下這個載入的原理，首先第乙個紅色箭頭是 成功後獲取的資料，預設是 第一頁的資料 讓後端給介面的時候要分頁 然後把第一頁的資料放到data.recordlist裡面。重點在第二個箭頭，我利用的是當螢幕高度 網頁被卷去的高 網頁正文全文高 的時候，再次呼叫getlist 就如第乙個箭頭所見，第一次...
移動端h5頁面的設計稿尺寸
那麼多手機螢幕尺寸，設計稿應該按照哪乙個尺寸作為標準尺寸。現在已經有2k解析度的手機螢幕了，設計稿是不是也要把寬高跟著最大解析度來設計。顯然不是。請注意 以下所有討論內容和規範均將viewport設定為content width device width 的情況下 也就是我們的h5頁面前端 裡面必須...