0

Здравствуйте подскажите пожалуйста, есть модальное окно код выглядит так.

#mask_photos{
    background:rgba(0, 0, 0,.6);
display: none;
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index:10;

           }

.photo_preview{
position:absolute;
z-index:111;
top: 0;
left: 0;
right: 0;
bottom: 0;

           }

.photo_wrp {
    background-color: #000;
    height: auto;
    margin: 35px auto 0;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 55%;

}
.close{
    cursor:pointer;
     position:absolute;
      right:20%;
      font-size:1.2em;
      font-family:comfortaa-light;
      color: #fff;
      }

.pleft{  position:relative; }
.pright{position:relative;}

.preview_prev, .preview_next{cursor:pointer; opacity:0.5; position:fixed; top:45%; -webkit-transition:opacity .2s ease 0; -moz-transition:opacity .2s ease 0; -o-transition:opacity .2s ease 0; transition:opacity .2s ease 0; }
.preview_prev:hover, .preview_next:hover{opacity:0.8; }
.preview_prev{left:2%; }
.preview_next{right:2%; }

Вот как при открытии модального окна, убрать скролл body страницы то есть заднего плана. Подскажите пожалуйста, а то в интернете не чего не нашел.

Улучшить вопрос
4
  • overflow: hidden; ?
    – Deonis
    18 июл 2014 в 15:52
  • @Deonis function getPhotoPreviewAjx(id) { $.post('../photos_ajx.php', {action: 'get_info', id: id}, function(data){ $('.photo_preview .pleft').html(data.data1); $('.photo_preview .pright').html(data.data2); $('.photo_preview').show(); $('#mask_photos').show(); $('body').width($('body').width());//скрыть скрол бар $('body').css('overflow', 'hidden');//скрыть скрол бар }, "json" ); }; Так вот срабатывает, но через раз только. в .photo_preview поставил overflow: auto;
    – andreykartavtsev
    18 июл 2014 в 15:55
  • @Andrey Kartavtsev, $('body').width($('body').width()); - это вообще зачем? И что значит "через раз"? Оно [или работает][1], или нет. Если в какой-то момент не срабатывает, значит присутствует ошибка или же вы что-то не учли. [1]:jsfiddle.net/RkzEW
    – Deonis
    18 июл 2014 в 16:25
  • @Deonis бывает при открытии окна, задний план не подвижен, а бывает открываешь опять и задний план подвижен.
    – andreykartavtsev
    18 июл 2014 в 17:33

1 ответ 1

Сброс на вариант по умолчанию
1

The Modal — правильные модальные окна

Улучшить ответ
1
  • @mountpoint Спасибо большое вам.
    – andreykartavtsev
    22 июл 2014 в 13:26

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.