h5頁面 ios去除上下回彈效果


ios的上下回彈效果,確實提高了用戶體驗,但有時我們的業務場景不需要這個回彈效果,控制代碼如下

document.body.addEventListener('touchmove', function (e) {
    e.preventDefault(); //阻止默認的處理方式(阻止下拉滑動的效果)
  }, {passive: false}); //passive 參數不能省略,用來兼容ios和android

2015年底,DOM 規范做了修訂:addEventListener() 的第三個參數可為 {} 對象

el.addEventListener(type, listener, {
 capture: false, //  useCapture 冒泡
 once: false, // false:非單次監聽
 passive: false // 當屬性passive的值為true的時候,代表該監聽器內部不會調用preventDefault函數來阻止默認滑動行為;false就調用preventDefault函數
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM