弹出窗口打开时禁用正文滚动

Question

我的网站出现问题。事实是，它就像一个投资组合，您可以在其中单击图片，然后打开iframe，其中包含html5游戏。问题是播放起来很困难，因为当您单击时，iframe下的主体将在移动设备中滚动。我要在iframe打开时阻止滚动。我尝试放入overflow: hidden，但没有用。
这是我网页的链接，因此您可以看到我的问题是： http://kickads.mobi/richmediagallery/
你们对如何执行此操作有任何想法吗？

谢谢！

每个弹出窗口的代码都是这样：

 <script>
document.getElementById("popup").showpopup = function() {
document.getElementById("popup").style.display = "block";
document.getElementById('iframe').src = 
"http://kickads.mobi/test/nike/jordan/";
document.getElementById('page').className = "darken";
document.getElementById("page").style.display = "block";
}

document.getElementById("a").onclick = function(e) {
e.preventDefault();
document.getElementById("popup").showpopup();
document.getElementsByTagName('body')[0].style.overflow = 'hidden';
}

document.getElementById('page').onclick = function() {
document.getElementsByTagName('body')[0].style.overflow = 'visible';
if(document.getElementById("popup").style.display == "block") {
document.getElementById("popup").style.display = "none";
document.getElementById("page").style.display = "none";
document.getElementById('page').className = "";
}
}
;</script>