使用preventDefault()进行Touchmove不会在iOS上禁止正文滚动

时间:2018-06-26 20:11:05

标签: javascript jquery ios preventdefault touchmove

当点击提示时,以下脚本无法阻止body在iOS上滚动的原因是什么?就实现这一点而言,我有什么想念的吗?

注意:这不是一个有效的代码段,只是脚本和一些CSS样式的精简示例:

$(document).ready(function() {
  $("a.open").click(function() {
    $('body').addClass('no-scroll');
    $('body').bind('touchmove', function(e) {
      e.preventDefault();
    });
  });
  $("a.close").on("click", function(s) {
    $('body').removeClass('no-scroll');
    $('body').unbind('touchmove');
  });
});
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 0;
}

body.no-scroll {
  overflow: hidden !important;
  -webkit-overflow-scrolling: auto;
  height: auto !important;
}

0 个答案:

没有答案