在移動(dòng)端實(shí)現(xiàn)上拉，下拉操作畴蒲，首先會(huì)想到使用?touchstart 和?touchend由捎。分別表示 手指觸碰屏幕開始? 和 手指離開屏幕。（同理饿凛，如果不做移動(dòng)端狞玛，則使用的是 onmousedown 和 onmouseup，寫法上大同小異）
分別監(jiān)聽兩個(gè)事件：
監(jiān)聽 touchstart
監(jiān)聽 touchend
通過 startX涧窒，startY（開始位置） 和 endX心肪，endY（結(jié)束位置）來判斷是上拉動(dòng)作還是下拉動(dòng)作。做到這一步上拉和下拉的功能已經(jīng)完成纠吴，但是整個(gè)頁面操作起來會(huì)很難看硬鞍。所以我增加了一步，加一個(gè)頁面被拉動(dòng)的效果戴已。?
這一次加多一個(gè)事件 touchmove （手指在屏幕上移動(dòng)）固该。分別寫三個(gè)事件直接操作外層的div的位置
拉動(dòng)div塊
這是最終的效果：
效果圖
