解决移动端真机不能下拉滚动bug

在近期的移动端开发中，发现浏览器中调试可以正常滚动，而在真机中却不能滚动了，这是为什么呢？？?

总结了一下主要有一下两方面：css的设置和js的设置

1.之前有设置css的原因，下面分先说css的问题，主要排查overflow：hidden；

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

2.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