Barres de défilement Colorbox

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 // ********* });