Как запретить скрол body на мобильном когда поверх него блок с position:fixed;?

Question

[byms]

Нужно сделать вот так m.zara.com/ru/ru.
Сделал так, но тогда при клике, весь контент поднимается наверх.

.menu-block {
	overflow: scroll;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	transform: translateX(-110%);
	height: 100%;
	width: 100%;
}
.menu-block.open {
	transform: translateX(0);
}

$('.menu').on('tap', function(e){
		$('.menu-block').addClass('open');
		$('body').attr('style','overflow:hidden;');
		$('html').attr('style','overflow:hidden;');
	});

Answer 1

[Елена]

$('body').attr('style','position: fixed;');
Как тут goratchet.com/examples/app-ios-mail