Неправильное поведение Jquery FadeIn на моем веб-сайте при перемещении div для просмотра

Question

Я изменяю существующий веб-сайт (www.gjelavoie.com).Я использую jquery fadein () и fadeout () для отображения моей контактной формы, чтобы мои посетители не могли временно получить доступ к главной странице.У меня все еще есть нежелательный эффект:

Пока появляется форма контакта (исчезает), главная страница (исчезает) перемещается вниз в непонятную позицию.

Хорошая новость заключается в том, что когда контактная форма исчезает (исчезновение), главная страница (fadein) возвращается на прежнюю правильную позицию.

Плохая новость заключается в том, что это нежелательное поведение.
Iиспользовал firebug для наблюдения за изменениями свойств стиля на лету, чтобы выяснить, что меняется на странице ... (или иначе) Я попытался наблюдать атрибуты css для возможных перемещений позиций (с помощью firebug, инспектора chrome и инспектора оперы),но не повезло, я просто не понимаю.

Пожалуйста, кто-нибудь может сказать мне, как отладить эту вещь, используя подходящий инструмент, или перенаправить меня на нужную функцию под инструментами семейства firebug (firebug, chrome,...) как техника для решения этой проблемы может быть полезна для других будущих ошибок?

Заранее спасибо.

Answer 1

в lightbox-life.js, вам нужен только один $ (документ) .ready (). Не нужно звонить 5 раз.

Это проблема CSS.

add / change these
#lightbox-panel {
    left: 50%;
    margin-left: -250px;
    position: absolute;
}

remove this
#lightbox-panel {
    margin-right: auto;
}

Кроме того, Firebug является одним из лучших инструментов отладки.

Answer 2

Можем ли мы увидеть это на живом сайте?

Я не совсем уверен, что именно вы имеете в виду, но я думаю, что вам может понадобиться использовать position: absolute в контактной форме, чтобы она не давила на страницу.