移动端h5页面不能滑动，模拟器可以下滑，问题的解决办法

我是今年才接触html,现在画页面经常也用frontpage辅助，最近粘贴了个页面后，发现没办法再手机上滚动，所以记录一下，也顺便记录下自己的生活。
昨天做了很多梦，从上海来这边一年了，诸多不顺，技术也是从后端到前端，因为小地方，后端基本用不上，基本都是短平快的h5，小程序，公众号，很少会想着构建统一的数据服务，什么数据中台就更扯淡了。
话不多说，结果导向，好好加油！

1、H5页面没有使用任何滚动插件，比如： iscroll.min.js 或者 Better Scroll。

这里是因为：

• {
  touch-action: none;
  }
  这段代码，会导致安卓手机H5页面无法滚动，而苹果手机可以。 使用 iscroll.min.js 或者 Better Scroll 也没用。

2.也可能是CCS的设置，下面分先说css的问题，主要排查overflow：hidden；

检查也有一定的顺序，检查超出高度的标签是否用了overflow：hidden；最好先检查html或body是不是加了height：100%；overflow：hidden；然后再看包裹在最外边的元素是否加了overflow：hidden;

2.js，js也可能影响，主要是一些掉默认事件

主要是有在touchstart、touchmove或touchend等事件中的阻止默认事件的原因

例如：$("#myCarousel").on(“touchstart”, function (e) {

                 e.preventDefault();   

                 startX = e.originalEvent.changedTouches[0].pageX,
                startY = e.originalEvent.changedTouches[0].pageY;

      })；

这种代码其中e.preventDefault();会阻止掉默认的滚动行为。

转载于:https://www.cnblogs.com/vickya/p/8572221.html