При использовании Fancybox горизонтальная полоса прокрутки сайта сбрасывается.

0

Мой сайт использует Fancybox для отображения элемента и колесика мыши для горизонтального прокрутки мыши.

Каждый раз, когда я просматриваю свою страницу, затем выбираю элемент, горизонтальная прокрутка устанавливается в положение 0. Я хочу, чтобы свиток оставался его позицией.

Пожалуйста, помогите мне.

Теги:
mousewheel
fancybox

2 ответа

0
Лучший ответ

Fancybox устанавливает класс.fancybox-lock на html...

.fancybox-lock {
    overflow: hidden !important; // <-- this is the problem
    width: auto;
}

.fancybox-lock {
    width: auto;
}
  • 1
    Вы можете отключить эту функцию - jsfiddle.net/XaWZE
0

Я редактировал ваш код и работал.

  • beforeLoad:

  • BeforeClose:

  • Aftershow:

это не обязательно. Я удалил.

       var scrollPos = 0;
        $(".news_helper").fancybox({
            width: 512,
            fitToView: false,
            height: '100%',
            autoSize: false,
            closeClick: false,
            openEffect: 'none',
            closeEffect: 'none',
            mouseWheel: false,
        });
        $('html, body').mousewheel(function (event, delta, deltaX, deltaY) {
            this.scrollLeft -= (delta * 100);
            event.preventDefault();
        });
        $("img.lazy").lazyload({
            effect: "fadeIn",

        });

Проверьте это JSFIDDLE

Ещё вопросы

Сообщество Overcoder
Наверх
Меню