Отключить прокрутку тела при открытии всплывающего окна

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>