Форма во всплывающем окне

Тема в разделе "Верстка", создана пользователем Girt, 28 авг 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Girt

    Girt Постоялец

    Регистр.:
    11 фев 2012
    Сообщения:
    87
    Симпатии:
    62
    Есть всплывающее окно с формой: width: 700px; height 500px; position: fixed;
    Вопрос, что делать если окно полностью не помещается на экране: т.к. position: fixed, то при скролинге это окно остается на месте.
     
  2. Veysel

    Veysel Создатель

    Регистр.:
    17 июл 2011
    Сообщения:
    21
    Симпатии:
    5
    А поточнее можно сформулировать? И код привести если есть или ссылку дать хотя бы?
     
    SocMaster нравится это.
  3. index1597

    index1597 Создатель

    Регистр.:
    30 ноя 2013
    Сообщения:
    21
    Симпатии:
    1
    Согласен с предыдущим комментарием, что-то вообще не понятна задача. Киньте код и мы Вам поможем...
     
  4. Girt

    Girt Постоялец

    Регистр.:
    11 фев 2012
    Сообщения:
    87
    Симпатии:
    62
    Я использовал jquery tools ovelay
    Перейти по ссылке
    Если всплывающее окно по высоте будет больше экрана, то пользователь не сможет увидеть часть окна. (position: fixed)
    Что нужно сделать, чтобы пользователь мог увидеть все содержимое окна?
    Или стили писать в зависимости от высоты экрана, или javascript подключать, или ..?
     
  5. axper

    axper Создатель

    Регистр.:
    14 авг 2014
    Сообщения:
    21
    Симпатии:
    6
    1. Вместо position:fixed; использовать position:relative; (Скролл будет работать, до невидимой части можно будет прокрутить колесом)
    2. Уменьшить высоту модального окна (height)
    3. Уменьшить модальное окно через @media запросы под нужные разрешения экрана
     
    Timnik и Veysel нравится это.
  6. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    491
    Симпатии:
    292
    Код:
    window.onload = function() {
    var a=$(window).width();
    var b=$(window).height();
    $('body').css('width', a-700);  $('body').css('height', b);
    }
    вместо body свое подставь