解决H5页面无法滚动

问题一: 

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

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页面:


 

你可能感兴趣的:(JavaScript)