webApp中防止页面出现上下滑动的方法

在app中有一些页面是不需要出现滑动的，比如说登陆界面，设备的屏幕直接能够显示页面的所有信息；这时候出现滑动反而会影响用户体验。所以这种情况下需要吧页面锁定住，代码如下：

html文件的头部

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

css文件
html,body{height:100%;overflow:hidden;}


这样就可以锁定页面避免出现滑动的现象。