Jak mogę sprawić, aby fancyBox 2 dopasował swoją wysokość do zawartości?

Question

Próbuję zwiększyć moją wysokość, gdy jej zawartość jest wyższa niż rzutnia. W ten sposób użytkownik przewija swoją zawartość za pomocą paska przewijania przeglądarki. Zamiast tego mój fancyBox ma własny pasek przewijania.

Używam tylko zawartości wbudowanej, a nie iframe. Są to opcje I set:

$('.fancybox').fancybox({ 
    autoSize: 'false', 
    fitToView: 'false', 
    maxWidth: 940 
}); 

Dodawanie scrolling: 'no' odcina treści na dole. Jawnie definiuję naprawdę wysoką wysokość, ale chcę, aby wysokość była określana dynamicznie.

Answer 1

logiczne i całkowite wartości powinny iść bez cytaty więc

$('.fancybox').fancybox({ 
    autoSize: 'false', 
    fitToView: 'false', 
    maxWidth: 940 
}); 

powinny być

$('.fancybox').fancybox({ 
    autoSize: false, // shouldn't be true ? 
    fitToView: false, 
    maxWidth: 940 
}); 

fitToView jest rzeczywiście rozwiązaniem, które daje Ci to, czego potrzebujesz, ale nie notowane "false" spraw, żeby to działało dla ciebie. Z drugiej strony, nie jestem pewien, czy powinieneś wyłączyć autoSize, ponieważ w przeciwnym razie zawartość inline nie osiągnie swojej własnej wysokości.

Answer 2

Brzmi trochę dziwnie. brzydkim rozwiązaniem jest użycie css, overflow: hidden;

Kiedy używam fancybox, paski przewijania działają poprawnie. pewnie, że zawartość jest taka, że ​​fancybox nie ustawia innej wysokości?

Edytuj: obejrzało przykładową witrynę. Wygląda na to, że w treści jest większa szerokość niż sam fancybox.

Answer 3

Gdyby ktoś szukać rozwiązania dla iframe, użyj:

parent.jQuery.fancybox.update();