首先我們先把基礎樣式做出來
主容器的·overflow: hidden;很重要不然就會導致如下圖的結果
重點是js的**
首先獲取ul的class，以及設定乙個初始化的起始點和偏移距離，
var ulbox = document.getelementsbyclassname("ulbox")[0];
var startx = 0;
var leftx = 0;
在通過touchmove的.changedtouches[0]的clientx，實時獲取x軸的值；
再讓其相減得出偏移值；
讓後為了防止，偏移量超出ul的寬度，所以
if (leftx > 0)
if (leftx < -200)
附上原**
禁止觸屏滑動touchmove方法介紹
在移動端頁面開發中，有時需要禁止使用者滑動螢幕，搜尋了好久才找到移動終端的touch事件，touchstar,touchmove,touchend.阻止滾動 一些移動裝置有預設的touchmove行為，比如說經典的ios overscroll效果，當滾動超出了內容的界限時就引發檢視 這種做法在許多多...
touchmove事件詳釋
用這個 測試1 2var div document.queryselector div 開始觸控 div.addeventlistener touchstart function e 1,記錄手指的起始位置 座標 2.記錄手指離開螢幕時的座標值 記錄手指在滑動過程中的座標值 3.計算兩個記錄的手指座...
touchmove和touchend的使用
touchstart 當手指觸控螢幕時觸發 即使已經有乙個手指放在了螢幕上也會觸發。touchmove 當手指在螢幕上滑動時連續的觸發。在這個事件發生期間，呼叫preventdefault 可阻止滾動。touchend 當手指從螢幕上移開時觸發。touchcancel 當系統停止跟蹤觸控時觸發。關於...