Как запретить "прокручивание" содержимого страницы под модальным окном?
Здравствуйте.
Собственно, есть модальное окно. Необходимо сделать его действительно модальным, т.е. запретить прокручивание подлежащего содержимого основного окна. Устанавливала-снимала overflow: hidden для body. Функционально - то, что нужно, но при этом имеем неприятный побочный эффект в виде дерганья из-за изменения размеров экрана за счет скрытия/появления полосы прокрутки. Можно ли решить этот вопрос без изменения значения св-ва overflow? |
<script src="http://code.jquery.com/jquery-latest.js"></script>
<body style="height:1000px">
<script type="text/javascript">
function OffScroll () {
var winScrollTop = $(window).scrollTop();
$(window).bind('scroll',function () {
$(window).scrollTop(winScrollTop);
});}
OffScroll (); //Запустили отмену прокрутки
//$(window).unbind('scroll'); //Выключить отмену прокрутки
</script>
|
Огромное спасибо!
|
Здравствуйте!
У меня вопрос в продолжение темы. Данный код позволяет просто запретить прокрутку страницы при появлении модального окна. Но если модальное окно большое и выходит за рамки окна браузера, оно так же, естественно, не прокручивается. Как сделать так, чтобы модальное окно прокручивалось, а страница, находящаяся на "нижнем слое" - нет, чтобы она оставалась на месте? Так, к примеру, сделано на сайте Вконтакте. При просмотре, скажем, фотографии, можно прокручивать модальное окно просмотра фотографии, а основная страница при этом остаётся на месте. |
попробуйте overflow: hidden для body
|
Цитата:
|
Zverit, ваше решение на 3 года опоздало :)
|
| Часовой пояс GMT +3, время: 19:58. |