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; 18 июл 2014 в 15:55
  • @Andrey Kartavtsev, $('body').width($('body').width()); - это вообще зачем? И что значит "через раз"? Оно [или работает][1], или нет. Если в какой-то момент не срабатывает, значит присутствует ошибка или же вы что-то не учли. [1]:jsfiddle.net/RkzEW
    – Deonis
    18 июл 2014 в 16:25
  • @Deonis бывает при открытии окна, задний план не подвижен, а бывает открываешь опять и задний план подвижен. 18 июл 2014 в 17:33

1 ответ 1

1

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

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

Ваш ответ

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

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