Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » скрытие скролла при вызове модального окна

скрытие скролла при вызове модального окна


     06.09.2013    Шаблоны (TPL), Стили (CSS)    3933

вопрос
подскажите как сделать скрытие скролла при вызове модального окна?
З.Ы: стоит затемнение сайта при вызове вызове модального окна.

Ответил: ПафНутиЙ


body{overflow:hidden;}

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

4 комментария

249893
Юзер

249893 - 6 сентября 2013 22:07 -

не понял как добавить значение, что при вызове срабатывало

Sander
PHP-developer

Sander - 7 сентября 2013 16:50 -

JS:
$('body').addClass('hideScroll');
и
$('body').removeClass('hideScroll');

CSS:
.hideScroll{overflow:hidden;}

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

249893
Юзер

249893 - 7 сентября 2013 22:11 -

Sander,
не работает, подключаю так


function team () {
    $(function(){
        $('body').addClass('hideScroll');
        $('body').removeClass('hideScroll');
        $('#ModalWin').dialog({
            modal:!0,autoOpen: true,
            show: 'fade',
            hide: 'fade',
            width: 320,
            height: 300,
            buttons: {
                "оставить заявку": function() {
                    location.href=('/support/');
                }
            }});
    });
}

golden_eagle_god
Юзер

golden_eagle_god - 19 июля 2014 15:04 -


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх