解决H5页面无法滚动

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_25354709/article/details/84680202

问题一： 

在苹果手机可以，但安卓手机不可以。

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

这里是因为：

* {
    touch-action: none;
}

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

将这段代码去掉即可。

其他的样式的设置：

html {
    font-size: 100px;
}

html, body {
    width: 100%; /*-- height:100%; 不用写，如果写了，表示只用这一屏 --*/

    overflow-x: hidden;
}


/*-- 最外层边框, 宽度用js去控制。超过640px时，让它宽度固定在640px --*/
#main {
    margin: 0 auto;
    max-width: 6.4rem;
}

HTML页面：

<!-- 中间区域 -->
<div id="main">

    <!-- 轮播图 -->
    <section class="swiper-container"></section>

    <!-- NAV -->
    <section class="nav clearfix"></section>

    <!-- PRODUCT -->
    <section class="product"></section>


</div>
<!-- 中间区域 -->