移动端给body设置overflow:hidden失效的问题

在移动端，给body增加overflow:hidden;width:100%;height:100% 无效的问题。在网上找了几种解决办法

1、body加position:fixed; —-可行

2、给要滚动的元素添加一个父级，设定高度，overflow：auto；

3、html,body{height:100%;overflow:hidden}

我这里是限制x轴上不能滑动，因此用的是第三种方法