怎样解决点击弹出层之后禁止页面滚动？

Question

场景：手机页面点击购买弹出商品的一些参数（一个弹出层，背景有个黑色遮罩），
给body添加 ，在模拟器上好好地，一上手机出现诡异的问题？
不知各位前辈是怎么解决的？

overflow:hidden;
height:100%;

Answer 1

-webkit-transform: translateZ(0);
    transform: translateZ(0)

看看body的CSS中有没有类似这样的，上次碰到过这个问题，把这两句删除就OK了，用别人的CSS就是会出现莫名的问题

Answer 2

不要给body添加

Answer 3

position: fixed; 是可以的

Answer 4

document.removeEventListener("touchmove", function (e) {

e.preventDefault();

}, false)
// 禁止页面滚动

Answer 5

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