2017-10-16 5 views
-1

J'ai une forme de pop-up que je présente avec Fancybox 2 en utilisant le code suivant:Ajout des barres de défilement à FancyBox sur Redimensionner

$(link).fancybox({ 
    type: 'iFrame', 
    autoSize: false, 
    autoScale: false, 
    width: '1280px', 
    height: '1024px', 
    iFrame: { 
     scrolling: 'auto' 
    } 
}); 

Le formulaire comporte plusieurs zones de liste déroulante que je suis un style en utilisant le plugin jQuery Elu. Puisqu'ils sont multiples, ils finissent par redimensionner la page et pousser le contenu en bas. Je voudrais, lors du redimensionnement du contenu, faire apparaître une barre de défilement verticale sur la fancybox. J'ai essayé de placer le défilement d'iFrame en automatique et aussi à oui sans résultat. J'ai également ajouté un attribut de défilement qui surpasse l'attribut iFrame et cela n'a pas aidé non plus. Quelqu'un peut-il me dire comment accomplir cela?

+0

Les barres de défilement iframe devraient apparaître automatiquement si le contenu est plus long que la boîte (et que la boîte utilise toute la hauteur de la fenêtre) http://jsfiddle.net/gy6f11qm/ – JFK

+0

Le problème est que le contenu ne besoin de barres de défilement quand il est initialement créé. Après avoir sélectionné certaines options, le contenu se développe verticalement et les barres de défilement ne sont pas ajoutées à ce moment-là. – DrewB

Répondre

0

On dirait que vous avez l'option de faute d'orthographe iFrame, il devrait être iframe.

+0

Double vérifié mon code et seulement mal orthographié en question. Je suis tombé dans ce piège avant, cependant. – DrewB

+0

Ensuite, fancyBox n'a rien à voir avec le défilement de votre page ou son défilement. C'est à vous et votre navigateur, si vous pouvez le faire fonctionner à l'intérieur de la simple balise