Не работает overflow: hidden?

Question

[Люба]

Ребята подскажите по какой причине не работает overflow: hidden при вызове модального окна ?
Посмотреть можно тут https://53nov.ru нажмите кнопку войти в body прописано

.body_ajax{
    MARGIN: 0px;
    POSITION: inherit;
    width: 100%;
    overflow: hidden;
	
	
}

но ни как не реагирует из за чего не могу понять

Answer 1

[Конан Варвар]

А какой результат вы ждете?

Comments

[Люба]

окно должно фиксироватся и чтобы не было прокрутки страницы сейчас страница прокручивается вместе с окном

Answer 2

[igorsmi]

Я правильно понял вы хотите убрать скролл у всей страницы, а не в модальном окне. Так overflow: hidden; и нужно прописать в body основной страницы

Comments

[Люба]

если его прописать в основной страницы то эта страница перестанет прокручиватся всегда

[igorsmi]

Люба, это понятно. Добавляйте только при открытии модельного окна, и при закрытии соответсвенно удаляйте

[Люба]

igorsmi, как это сделать ?

[igorsmi]

Люба,
Создайте класс
.modal-open{overflow:hidden}
добавляйте его при открытии модального окна, и удаляйте при закрытии
У вас есть код, я так понял именно он отвечает за открытие и закрытие модальных окон.
Я написал в нём как нужно добавить и удалить класс modal-open
$('body').addClass('modal-open'); - добавляет
$('body').removeClass('modal-open'); - удаляет

$("#fancy_registr, #fancy_zabili, #fancy_vhod, #fancy_send_email, #fancy_zhaloba, #fancy_map, #fancy_mess, #fancy_vip1, #fancy_vip2, #fancy_vip3").live('click', function(){
$(".fl_hidden").hide();
$('body').addClass('modal-open');
$("#fancybox-close").live('click', function(){
$(".fl_hidden").show();
$('body').removeClass('modal-open');
});
$("#fancybox-overlay").live('click', function(){
$(".fl_hidden").show();
$('body').removeClass('modal-open');
});
});

[Люба]

igorsmi, попробовала не работает этот код я целиком удалила ни каких изменений не знаю что он делает

[igorsmi]

Люба, да точно, этот код ни на что не влияет. У вас в файле fancy.js. Для блока с id .example1 определено скрытие overflow

onComplete: function(){
   $("body").css({'overflow-y':'hidden'});
},
onClosed: function(){
   $("body").css({'overflow-y':'visible'});
}

Вставте точно такой же код в остальные блоки и всё должно работать.
Должно быть так

$("#fancy_vhod").fancybox({
				'width'				: 500,
				'height'			: 550,
				'autoScale'		: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'			: 'iframe',
				onComplete: function(){
                        $("body").css({'overflow-y':'hidden'});
                        },
                                 onClosed: function(){
                        $("body").css({'overflow-y':'visible'});
                        }
			});

[Люба]

igorsmi, сейчас для вывода большого фото сделано так в файле fancy.js прописала так

$(".example1").fancybox({
				padding : 10,
				margin :  0,
				scrolling : 'no',	// 'auto', 'yes' or 'no'	
				'width'			: 1280,
				'height'		: 1024,
				'autoScale'		: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
                        'type'				: 'iframe',
                        onComplete: function(){
                        $("body").css({'overflow-y':'hidden'});
                        },
                        onClosed: function(){
                        $("body").css({'overflow-y':'visible'});
                        }
			});

это работает но если зайти с планшета или телефона то выглядит это вот так сайт на заднем плане уезжает в право и с лево есть отступ

[igorsmi]

Люба, Ну так у вас там ширина фиксированная стоит 1280, конечно он будет выезжать. Для мобильных разрешений нужно ширину менять. И дело не в отсутствии overflow.

[Люба]

igorsmi, по другому не выходит проценты не работаю а точнее пропадает кнопка закрытия и можно ли как то этот отступ убрать ? как я понимаю это полоса прокрутки

[igorsmi]

НУ если даже на сайте fancybox.net такая же беда. То я не знаю чем вам тут помочь. Нужно много чего просто переписать. И использовать к примеру модальные окна от бутстрап

[Люба]

igorsmi, можно как то узнать что за окно стоит тут vizzel.elite-board.org нажать кновку все регионы для вывода окна

[igorsmi]

Люба, Bootstrap Modal

Answer 3

[rusglov]

position fixed, вместо relative

Comments

[Люба]

position: fixed; тоже не работает