首页 > 移动平台 > 详细

h5页面 ios去除上下回弹效果

时间:2020-02-15 20:05:56      阅读:674      评论:0      收藏:0      [点我收藏+]

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函数
})

h5页面 ios去除上下回弹效果

原文:https://www.cnblogs.com/HYZhou2018/p/12313117.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!