移动端overflow-x:hidden失效问题

今天运营小姐姐说有个移动端h5页面左右可以滑动，想要改成禁止不滑动，我看了下代码，发现如图
body里面其实是加了x轴溢出隐藏，但是没有起效果，还是可以左右滑动的。想不明白，于是我把body里面的overflow-x:hidden放到了body下面的第一个元素里面，结果是有用的。

所以尽量不要相对于body进行定位，而是给他加一个父元素，然后相对于父元素进行定位（一般给父元素添加position：relative）,再给父元素加上overflow-x：hidden

如果你必须相对于body进行定位，可以给body加上width: 100% ; height: 100%; position: fixed;来解决，但这种方法有一个缺点，就是无论y轴还是x轴方向都滚动不了了，如果你只想禁止一个方向的滚动，那这种方法就不适合了。