Как выключить скролл для body и включить для lightbox в IE11?

Question

[Сергей Некрасов]

Проблема заключается в том что при открытии попапа в IE11 скроллится вся страница вместо самого попапа, в остальных браузерах все хорошо. Попап помещен в контейнер у которого задана фиксированное позиционирование.

Как можно решить эту проблему?

UPD: решение

$(function() {
        if (navigator.userAgent.indexOf('MSIE') !== -1
            || navigator.appVersion.indexOf('Trident/') > 0) {
            $('.ujs-scroll-box').bind('mousewheel DOMMouseScroll', function(e) {
                let scrollTo = null;

                if (e.type == 'mousewheel') {
                    scrollTo = (e.originalEvent.wheelDelta * -1);
                }

                if (scrollTo) {
                    e.preventDefault();
                    $(this).scrollTop(scrollTo + $(this).scrollTop());
                }
            });
        }
    });

Answer 1

[Ян]

помести фиксированный блок в ещё один блок с position:absolute; и overflow-y:scroll
а для body overflow:hidden

Comments

[Сергей Некрасов]

К сожалению не работает в IE11, скроллит только главную