Полоса прокрутки Fancybox 2 исчезает, а сайт сдвигается вправо

У меня небольшая проблема с fancybox 2. Теперь я перешел к кодированию, так что извините, если буду задавать глупые вопросы.

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

Именно на этом сайте: http://elgaucho.lu/restaurant.php

Не могли бы вы мне помочь?

заранее спасибо

Энди


jquery fancybox fancybox-2
person CrazyAndy    schedule 17.01.2013    source источник
comment
Чтобы люди могли вам помочь, им нужно увидеть ваш код. Вы можете отредактировать свой вопрос, включив в него исходный код.   -  person Benny Hill    schedule 18.01.2013

Ответы (6)


arrow_upward
7
arrow_downward

Насколько я могу судить, вы изменили оригинальный css-файл fancybox.

Вы изменили строку 167 с этой

.fancybox-lock {
    overflow: hidden;
}

в это

.fancybox-lock {
    overflow: hidden;
    margin-right:0 !important;
}

... и строка 187 из этого

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

в это

.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    overflow-y: hidden;
}

... так что не удивительно (имейте в виду, что файл js также динамически изменяет некоторые свойства css, поэтому у вас может не быть полного контроля, просто изменяя файл css)

Вообще говоря, вы не должны возиться с исходными файлами, если вы не уверены в том, что делаете, иначе вы получите неожиданные результаты.

person JFK    schedule 17.01.2013
comment
Привет, спасибо за ваш ответ. Эти изменения были моей попыткой следовать некоторым предложениям на форумах, чтобы решить проблему, с которой я столкнулся. теперь исходный файл на месте, но полоса прокрутки исчезла, когда я нажимаю на изображение :( - person CrazyAndy; 20.01.2013
comment
если вы хотите иметь полосы прокрутки страницы (чтобы вы могли прокручивать страницу на фоне fancybox), добавьте эту опцию API helpers : { overlay : { locked : false } } - person JFK; 20.01.2013
comment
Спасибо :-) Это решило мою проблему. Теперь все работает нормально. - person CrazyAndy; 20.01.2013

arrow_upward
1
arrow_downward

Я решил эту проблему, добавив следующий код в основной файл CSS:

body { margin: 0 !important; }
.fancybox-lock,
.fancybox-overlay { overflow: visible !important; }
person Webars    schedule 17.03.2013

arrow_upward
1
arrow_downward

У меня была та же проблема... полоса прокрутки исчезла, а страница сместилась вправо. Раздражает, но этот код действительно работает. Просто добавьте его в любой из ваших css-файлов fancybox (или любой включенный css-файл, если на то пошло).

.fancybox-lock, .fancybox-overlay { overflow: visible !important;}
person Kirk Ross    schedule 20.11.2013

arrow_upward
0
arrow_downward

Заставьте страницу всегда прокручиваться с помощью:

body {overflow-y: auto !important;}
person isherwood    schedule 17.01.2013
comment
Ему спасибо за помощь. Но когда я добавляю эту строку в css-файл fancybox, справа у меня появляются две полосы прокрутки... - person CrazyAndy; 20.01.2013

arrow_upward
0
arrow_downward

У меня была эта проблема, и мое решение было проще, чем я ожидал. Я просто зашел в html и заметил, что у меня было два тела

В коде (внизу) есть следующее:

    body {
        max-width: 700px;
        margin: 0 auto;
    }

Я удалил это, и теперь мой сайт снова стал центрированным.

person James    schedule 10.05.2015
comment
Это код для вашего сайта или для сайта вопроса? - person Stephan Weinhold; 10.05.2015

arrow_upward
0
arrow_downward

добавлено:

.fancybox-lock, .fancybox-overlay {переполнение: видимое !важное;
тело {переполнение: видимое !важное;}

удалено:

тело .fancybox-lock {переполнение: скрыто !важно;}

хорошо

person heiko813    schedule 05.09.2015