Почему страница прокручивается вверх, при открытии изображении через fancybox?

Question

[Руслан Галиев]

При клике на миниатюру изображения, открывается крупное, посредством скрипта Fancybox. Изначально изображение открывалось с эффектом плавного увеличения миниатюры, на том же месте страницы, а теперь страница прыгает в топ.

Тут - advokatufa.ru

Comments

[Ezhyg]

Глянул на сайте, всё нормально увеличивается и именно там, куда ткнул мышой.

Только внизу кусок "коробки" перекрывается из-за куска кода

<div class="fancybox-caption-wrap">
  <div class="fancybox-caption"></div>
</div>

61 + 60 пикселей

Answer 1

[Сергей]

в body убрать overflow-x: hidden!important;

Answer 2

[Boris]

Потому что fancybox создает div в самом начале страницы, скроллит к нему, а после закрытия скроллит обратно.

Попробуйте:

jQuery('.fancybox').fancybox({
  padding: 0, //убираем отступ
  helpers: {
    overlay: {
      locked: false // отключаем блокировку overlay
    }
  }});

Comments

[Руслан Галиев]

Причина крылась в том, что я прописал для body overflow-x: hidden!important;

Answer 3

[unsweet]

Дополню, у меня была такая же проблема но при открытии видео через fancybox. Исправилось после того, как убрал из стилей

html, body {
    height: 100%;
}