Вариант блокировки скрола окна .... может кто знает способ проще ?
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript">
$(function () {
var left = 0,
top = 0;
$("#off").click(function () {
left = $(document).scrollLeft();
top = $(document).scrollTop();
$(document.body).css({
overflow: "hidden"
});
function stop_scroll(event) {
event.preventDefault();
$(document).scrollLeft(left);
$(document).scrollTop(top);
}
$(document).bind("mousewheel", stop_scroll);
$(window).bind("scroll mousewheel", stop_scroll);
});
$("#on").click(function () {
$(document).unbind('mousewheel');
$(window).unbind("scroll mousewheel");
$(document.body).css({
overflow: ""
});
});
});
</script>
<style type="text/css">
#off{
background-color: #FF0000;
color: #FFFFFF;
}
#on{
background-color: #008000;
color: #FFFFFF;
}
</style>
</head>
<body>
1<br /><br /><br /><br />
<div id="off" >
Отключить скролинг
</div>
<br /><br /><br /><br />
<div id="on" >
Влючить скролинг
</div>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br />2
</body>
</html>