Задать вопрос
Judixel
@Judixel
Front-end Engineer

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

Проблема заключается в том что при открытии попапа в 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());
                }
            });
        }
    });
  • Вопрос задан
  • 202 просмотра
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
Yancheg
@Yancheg
помести фиксированный блок в ещё один блок с position:absolute; и overflow-y:scroll
а для body overflow:hidden
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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