微信阻止ios下拉回弹,橡皮筋效果

直接阻止touchmove事件就好了(需设置passive: false);

  document.addEventListener("touchmove", function(evt){evt.preventDefault()},{ passive: false });
但是当页面中存在滚动元素时,会导致页面里面的某些滚动元素也会不可滚动。那直接阻止滚动元素的事件冒泡就好了。
dom.addEventListener("touchmove",function(evt){
evt.stopPropagation();
})
这样实现起来的话  ,在滚动元素上下拉时依然会触发橡皮筋效果,但在其他元素上已经被阻止掉了。(当滚动元素是横向滚动时影响不大)。
上一篇:CSS 奇思妙想 | 全兼容的毛玻璃效果


下一篇:阻止微信浏览器下拉滑动效果(ios11.3 橡皮筋效果)