J'essaie d'obtenir mon Fancybox pour développer la hauteur lorsque son contenu est plus grand que la fenêtre. De cette façon, l'utilisateur fait défiler son contenu à l'aide de la barre de défilement du navigateur. Au lieu de cela, ma FANCYBOX continue à obtenir sa propre barre de défilement.
J'utilise simplement du contenu en ligne, pas un ajout iframe . Ce sont les options que je définis: défilement: "Non" découpe du contenu en bas. Définir explicitement une très haute hauteur fonctionne, mais je veux que la hauteur soit déterminée de manière dynamique.
3 Réponses :
sonne un peu bizarre. Une solution laideuse consiste à utiliser CSS, débordement: caché;
Chaque fois que j'utilise FANCYBOX, les barres de défilement fonctionnent correctement. Assurez-vous que le contenu OC Le FANCYBOX ne définit pas une autre hauteur?
Edit: Visuez votre exemple d'exemple. On dirait qu'il y a une partie de la largeur définie dans le contenu plus grand que la fantaisie elle-même.
Je vois que c'est une réponse copiée et collée directement d'une question qui a été posée il y a 3 ans, incluant maladroitement une modification qui n'est pas applicable à mon message (je n'avais pas inclus aucun exemple de page).
De là, je suis résolu mon même problème cher ami que par j'écris la même chose ici.
Est-il toujours pertinent pour la dernière version de FANCYBOX? Si oui, à quel élément / classe dois-je appliquer Overflow: caché ?
Lorsque vous cliquez pour activer la barre de défilement, ajoutez simplement le code suivant dans votre code JQuery $ ("corps"). CSS ("Overflow", "caché"); // masquer la barre de défilement corporel et quand fermer la FANCYBOX Ajouter le code suivant $ ("Corps"). CSS ("Overflow", "Auto");
Je suis désolé, je ne comprends pas tout à fait ce que tu veux dire. Pensez-vous que vous pouvez mettre à jour votre réponse pour avoir un bloc de code complet ou un lien vers un jsfiddle? Je ne suis pas encore très expérimenté avec JQuery, alors cela aiderait beaucoup.
Les valeurs booléennes et entières devraient aller sans citations de sorte que ce doit être FITTOVIEW est en fait l'option qui vous donne ce dont vous avez besoin, mais le coté "faux" n'a pas fonctionné pour vous. D'autre part, je ne suis pas sûr que vous ne devez pas désactiver autosser car sinon le contenu inline n'atteindra pas sa propre taille.
Wow, bien cela rend super évident que je n'ai pas la moindre idée de ce que je fais. J'apprécie grandement votre réponse personnelle et détaillée!
Cela ne fonctionne pas. La FANCYBOX reste la hauteur, mais elle ne réglait pas sa largeur en fonction de la fenêtre. Y a-t-il un moyen de réaliser cela? (largeur de fluide basée sur la fenêtre, mais une hauteur statique basée sur le contenu)?
@Mattianocerino: Tout d'abord, vous votez-voter une réponse que vous ne comprenez pas et / ou hors contexte. Il y a une différence entre "Cela ne fonctionne pas" et "Dunno comment le faire fonctionner comme je veux". Bien sûr, cela (dans le contexte de l'OP) fonctionne, sinon cela n'aurait pas été accepté.
@MattianOcérino: Deuxièmement, en ce qui concerne "Il ne s'agit pas de sa largeur sur la base de la fenêtre", ce n'est pas une exigence dans le PO afin que votre déclaration soit (à nouveau) hors contexte. Il y a une autre réponse dans laquelle vous pouvez obtenir cette largeur "fluide" particulière ici ici Stackoverflow.com/a/17245491/1055987
Quelqu'un devrait-il rechercher la solution pour un IFrame iframe , utiliser: