• 問題：但是如果你的頁(yè)面是移動(dòng)端頁(yè)面的話，你會(huì)發(fā)現(xiàn)有時(shí)候會(huì)出現(xiàn)overflow:hidden失效的問題。
  出現(xiàn)這樣的問題一般是因?yàn)槟愕脑厥窍鄬?duì)于body移動(dòng)的，這樣的情況在移動(dòng)端就會(huì)出現(xiàn)問題。

解決方法

• 如果你必須相對(duì)于body進(jìn)行定位，可以給body加上width: 100% ; height: 100%; position: fixed來解決，這種方法就是利用了fixed定位的特點(diǎn)，使得body相對(duì)于屏幕定位，自然就無法滾動(dòng)了。但這種方法的缺點(diǎn)也很明顯，就是無論y軸還是x軸方向都無法滾動(dòng)了，如果你只想禁止一個(gè)方向的滾動(dòng)，那這種方法就不適合了。
• 盡量不要相對(duì)于body進(jìn)行定位，而是給他加一個(gè)父元素，然后相對(duì)于父元素進(jìn)行定位（一般給父元素添加position：relative）,再給父元素加上overflow:hidden 或 overflow-x：hidden 或 overflow-y：hidden來解決。

還可以參考：http://www.itdecent.cn/p/317e7f87c394
https://segmentfault.com/a/1190000012658384