Fancybox остановить прокрутку в центр

Question

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

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

Answer 1

Элемент списка

$.fancybox({
   'width': 950,
   'height': 500,
   'padding': '0',
   'margin': '0',
   'scrolling': 'yes',
   'autoScale': true,
   'overflow':'auto',
   'transitionIn': 'elastic',
   'transitionOut': 'elastic',
   'type': 'iframe',
   'href': 'your url',
   'hideOnOverlayClick': false,
   'overlayOpacity': 0.95,
   'showCloseButton': false,
   onComplete: function () {
       $('#fancybox-outer').css({'background-color':'#FFFFFF','overflow':'auto'});
   } })

Также один из ответов

Answer 2

Вам просто нужно отключить центрирование, если это iphone или ipod:

/*if its iphone or ipod disregard alignment and dont center*/
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    return ; 
} 

Просто добавьте следующий код в начало функции $ .fancybox.center в jquery.fancybox-1.3.4.js

Это предотвратит отскок коробки на iphone и ipod touch. но вы должны изменить URL скрипта, чтобы он указывал на этот файл, или вам нужно перепаковать этот код.

Answer 3

В настоящее время я использую fancybox для модальных объектов в проекте со следующими настройками.Благодаря этим настройкам содержимое остается фиксированным и позволяет прокручивать страницу.

$.fancybox({
    'content': content,
    'autoDimensions': true,
    'width': 550,
    'height': 'auto',
    'transitionIn': 'fade',
    'transitionOut': 'fade',
    'speedIn': 400,
    'speedOut': 400,
    'padding': 0,
    'modal': true
});

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

Answer 4

В Fancybox 2.0 появилась новая опция, позволяющая прокручивать окно со страницей:

fixed: false,

Answer 5

Найден мошеннический кусок кода.Это было для исправления iphone, и я только что закомментировал это ...

/*Additional fix for iphone positioning*/
#fancybox-wrap {
  position: fixed;
}