J’ai une image qui s’ouvre dans une lightbox (Colorbox est le script). Lorsque l’image s’ouvre, j’ai ajouté une animation CSS3. Fonctionne très bien, mais au début, la visionneuse a des barres de défilement qui disparaissent une fois l’animation terminée.
Comment empêcher la lightbox d’afficher des barres de défilement?
Code:
#start{ /* Width and Height of the Image */ width:526px; height:450px; }
Vous pouvez essayer d’append overflow:hidden;
à votre style CSS du div / img. Ou essayez overflow:visible;
si ça coupe quelque chose.
#cboxLoadedContent{overflow:hidden !important;}
Cela fonctionne pour moi.
Définissez le paramètre colorbox scrolling
sur false
pour désactiver les barres de défilement du contenu.
Vous pouvez utiliser colorbox.resize()
pour calculer automatiquement sa taille ou utiliser le overflow hidden
pour les parents de votre contenu.
Les deux manières fonctionnent.
Ajouter le défilement: faux
$.colorbox({ inline:true, width:'95%', scrolling: false // ********* });