只有ios有這個效果，android沒有這個問題。
首先想到event.preventdefault();但是如果直接新增到body上，整個頁面就不會滾動了。機智的你立刻想到，只有到達臨界值的時候在阻止事件預設行為不就行啦！是這樣的，我們只需要判斷，頁面是否滾動到了頂端和底部即可。
var starty,endy;
//記錄手指觸控的起點座標
$('body').on('touchstart',function (e) );
$('body').on('touchmove',function (e)
//手指上滑，頁面到達底部能繼續上滑
if(endy=$('body')[0].scrollheight)
})
這是因為，如果按照你的方案來，當你到達底部的時候，手指不論做什麼方向的滑動都會被阻止預設行為，這個時候你往上滑也會被阻止的，所以頁面又不能動了！！！這就和你直接在body上新增event.preventdefault();頁面不能滾動是乙個道理了。
iOS橡皮筋回彈
在html主頁面的header標籤中引入inbounce.js，即。當引入此檔案之後，ios端整個頁面都無法滑動或滾動，若想滾動的元素能夠實現滾動效果，則需要對滾動區域設定固定的高度，即height max height，同時也要設定overflow auto，實現頁面滑動。為防止ios端頁面滾動發...
移動端踩坑記錄之ios系統橡皮筋效果處理
移動端專案經常碰到的乙個問題是ios系統的橡皮筋效果處理，這個效果本身的體驗還是挺不錯的，但是當我們的應用出現遮罩層時，此時滑動頁面，我們的預期是頁面不進行滾動或者當前遮罩層內部滾動，而實際上滑動會觸發橡皮筋效果，與預期不符。這一次我們的移動端專案中毫不意外碰到了這個問題，通過一些實踐，最終還算完美...
解決IOS橡皮筋特效
先強烈推薦這篇文章，收穫頗多。如果覺得內容太多，看起來有點懵x，可以先看這個 推薦這篇文章 所以mark一下認為較便捷的方法。使用inobounce工具。inobounce.js script ul style list item 1 li list item 2 li list item 3 li...