Переключение overflow-y у модального окна и body

255
24 июля 2017, 12:38

Всем привет. Есть модальное окно, которое выезжает сверху. При этом необходимо, чтобы overflow-y был scroll, а также чтобы на странице всегда была 1 полоса прокрутки. Проблема заключается в том, что открытие данного модального окна идет с transition: .25s, из-за этого при открытии модального окна скролл модального окна открывается раньше, чем убирается скролл body, в следствие этого рядом со скроллом body появляется еще 1 скролл модального окна, а при закрытии модального окна его скролл убирается раньше, чем появляется скролл body.

Т.е. пользователь нажимает на кнопку, открывается модальное окно, скролл модального окна уже открыт, а скролл body еще не закрыт.

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

Кто знает, как это пофиксить?

Код:

<body>
    <div class="popup">
        <div class="popup_item popup_slide"></div>
    </div>
</body>

jQuery:

var popup = $('.popup');
    $('.popup_open').click(function(){
        var link = $(this).attr('href');
        popup.show();
        setTimeout(function(){
            $('body').css('overflowY', 'hidden');
            $(link).addClass('popup_slide-active');
        }, 10);
    });
    $('.close_popups').click(function(){        
        $('.popup_slide').removeClass('popup_slide-active');    
        $('body').css('overflowY', 'auto');
        setTimeout(function(){
           popup.hide();
        }, 500);
    });

P.S. нужно так же, как сделано на http://www.transitplus.ru/ скролл модального окна появляется под скроллом body

READ ALSO
Как c Unity запросить значения из Android SharedPreference?

Как c Unity запросить значения из Android SharedPreference?

У меня в Unity проекте есть несколько объектов, мне нужно их включать и выключать через стандартный ListPreference, как я могу из C# скрипта запросить...

227
Печать графика по времени используя Oxy Plot Windows Form

Печать графика по времени используя Oxy Plot Windows Form

Пишу программу для построения графика на Windows FormИспользую Nuget OxyPlot 1

285
Как сделать меню Hamburger в WPF

Как сделать меню Hamburger в WPF

Здравствуйте, можно ли сделать в WPF меню Hamburger? если можно то как? Проект с GitHub не знаю как правильно поставить, не получаетсяПодскажите, буду...

423