Почему скривает скролл после отправки?

Добрый день! У меня такая проблема на сайте dev.e-dev.pp.ua
Есть форма prntscr.com/9za8gg
После отправки
prntscr.com/9za8lq Фон задний не пропал и нету скролла prntscr.com/9za8r0
Как исправить такое?
Модальное окно от бутстрапа.

Сам код
jQuery(document).ready(function($) {

    $("body").click(function(){
        $("input[type=text]").removeClass("request");
    })

    $(".pop_up").click(function(){
        $(".pop_up_fonx").fadeOut(100)
    });

$('.modal .submit').click(function(){
if ($('input#name').val()==='' || $('input#name_one').val() == 'Ваше имя:' ) {
			$('input#name').addClass("request");
			return false;
		}
		else {
			 $('.modal').fadeOut(500);
		}
var reg = /^\+\d+$/;
		if ( !reg.test($('input#number').val()) ) {
			$('input#number').addClass("request");
			return false;
		}
else {
			 $('.modal').fadeOut(500);
		}	
       
    });

/*Форма в окне*/
$('#submit_o').click(function(){
		if ($('input#name_o').val()==='' || $('input#name_o').val() == 'Ваше имя:' ) {
			$('input#name_o').addClass("request");
			return false;
		}
		else {
			 $('input#name_o').removeClass("request");
		}
		if ($('input#number_o').val()=='' || $('input#number_o').val() == 'Ваш телефон:' ) {
				$('input#number_o').addClass("request");
			return false;
		}
		var reg = /^\+\d+$/;
		if ( !reg.test($('input#number_o').val()) ) {
			$('input#number_o').addClass("request");
			return false;
		}
		else {
			 $('input#number_o').removeClass("request");
		}
		
			$.post("ajax_mail.php", $("#form_o").serialize(), function(data) {
				$(".pop_up_fonx").fadeIn(500);
		setTimeout(function() { $(".pop_up_fonx").fadeOut(300); },5000);
			$('input#name_o').val('Ваше имя:');
			$('input#number_o').val('Ваш телефон:');
			
			});

		return false;
		});
		$('#submit_t').click(function(){
		if ($('input#name_t').val()==='' || $('input#name_t').val() == 'Ваше имя:' ) {
			$('input#name_t').addClass("request");
			return false;
		}
		else {
			 $('input#name_t').removeClass("request");
		}
		if ($('input#number_t').val()=='' || $('input#number_t').val() == 'Ваш телефон:' ) {
				$('input#number_t').addClass("request");
			return false;
		}
		var reg = /^\+\d+$/;
		if ( !reg.test($('input#number_t').val()) ) {
			$('input#number_t').addClass("request");
			return false;
		}
		else {
			 $('input#number_t').removeClass("request");
		}
		
			$.post("ajax_mail.php", $("#form_t").serialize(), function(data) {
				$(".pop_up_fonx").fadeIn(500);
		setTimeout(function() { $(".pop_up_fonx").fadeOut(300); },5000);
			$('input#name_t').val('Ваше имя:');
			$('input#number_t').val('Ваш телефон:');
			
			});

		return false;
		});
			$('#submit_s').click(function(){
		if ($('input#name_s').val()==='' || $('input#name_s').val() == 'Ваше имя:' ) {
			$('input#name_s').addClass("request");
			return false;
		}
		else {
			 $('input#name_s').removeClass("request");
		}
		if ($('input#number_s').val()=='' || $('input#number_s').val() == 'Ваш телефон:' ) {
				$('input#number_t').addClass("request");
			return false;
		}
		var reg = /^\+\d+$/;
		if ( !reg.test($('input#number_s').val()) ) {
			$('input#number_s').addClass("request");
			return false;
		}
		else {
			 $('input#number_s').removeClass("request");
		}
		
			$.post("ajax_mail.php", $("#form_s").serialize(), function(data) {
				$(".pop_up_fonx").fadeIn(500);
		setTimeout(function() { $(".pop_up_fonx").fadeOut(300); },5000);
			$('input#name_s').val('Ваше имя:');
			$('input#number_s').val('Ваш телефон:');
			
			});

		return false;
		});
				$('#submit_f').click(function(){
		if ($('input#name_f').val()==='' || $('input#name_f').val() == 'Ваше имя:' ) {
			$('input#name_f').addClass("request");
			return false;
		}
		else {
			 $('input#name_f').removeClass("request");
		}
		if ($('input#number_f').val()=='' || $('input#number_f').val() == 'Ваш телефон:' ) {
				$('input#number_f').addClass("request");
			return false;
		}
		var reg = /^\+\d+$/;
		if ( !reg.test($('input#number_f').val()) ) {
			$('input#number_f').addClass("request");
			return false;
		}
		else {
			 $('input#number_f').removeClass("request");
		}
		
			$.post("ajax_mail.php", $("#form_f").serialize(), function(data) {
				$(".pop_up_fonx").fadeIn(500);
		setTimeout(function() { $(".pop_up_fonx").fadeOut(300); },5000);
			$('input#name_f').val('Ваше имя:');
			$('input#number_f').val('Ваш телефон:');
			
			});

		return false;
		});


});


<div id="call-to-back" class="modal hsb-popup">
    <div class="hsb-popup__window-wrapper hsj-popup__window" role="document">
        <div class="hsb-popup__window">
            <i data-dismiss="modal" aria-label="Close" class="fa fa-times hsb-popup__window-close hsj-popup__remove"></i>
            <div class="hsb-popup__window-title">
              Обратный звонок
            </div>
            <div class="hsb-popup__window-form">
               <form id="form_o">
 <label class="hsb-label-icon hs-icon-nobg">
                        <span>
                            <i class="fa fa-user">
                            </i>
                        </span>
                    <input type="text" name="name" id="name_o" onfocus="if(this.value=='Ваше имя') this.value='';" onblur="if(this.value=='') this.value='Ваше имя';" placeholder="Ваше имя">
                      </label>
                    <label class="hsb-label-icon hs-icon-nobg">
                        <span>
                            <i class="fa fa-phone">
                            </i>
                        </span>
                    <input class="phone" name="number" id="number_o" type="text" onfocus="if(this.value=='+380960000000') this.value='';" onblur="if(this.value=='') this.value='+380960000000';" placeholder="+380960000000">
                     </label>
                      <input  id="submit_o" data-dismiss="modal" type="submit" class="submit bsb-blick-button" value="Заказать сейчас"/>
                </form>
            </div>
        </div>
    </div>
</div>
  • Вопрос задан
  • 150 просмотров
Решения вопроса 1
kellas
@kellas
веб-разработчик
Просто вы не закрываете диалог, а только лишь делаете блок .modal прозрачным. Соответственно остаётся на фоне overlay.

Вместо
$('.modal').fadeOut(500);
Напишите
$('.modal').modal('hide'); // закрытие модалки bootstrap'а
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы