IFrame scrollbar problème dans IE7

Je travaille avec un IFrame et je n'arrive pas à trouver un moyen de désactiver uniquement la barre de défilement horizontale dans IE7. J'ai besoin de la barre de défilement verticale mais je veux désactiver complètement la barre horizontale.IFrame scrollbar problème dans IE7

Vérifiez la configuration iFrame ici: Iframe Example

J'ai défilement Horizonal désactivé dans les autres navigateurs utilisant:

overflow-x: hidden; 
overflow-y: scroll;

Mais cela ne semble pas fonctionner dans IE7. Des idées?

EDIT: je mets la ligne horizonalscrolling dans la balise iframe ainsi:

<script type="text/javascript"> 
     var GB_ANIMATION = true; 
     $(document).ready(function(){ 
     $("a.greybox").click(function(){ 
      var t = this.title || $(this).text() || this.href; 
      horizontalscrolling = "no"; 
      GB_show(t,this.href,560,800); 
      return false; 

     }); 
     }); 
    </script>

J'ai aussi désactivé le défilement sur l'élément du corps dans la outerpage:

html { 
overflow-x: hidden; 
}

Aucune de ces solutions ont résolu le problème.

Source

2010-06-20 Thomas

Deux approches:

La barre de défilement est pas une propriété de la balise , il est une propriété de la page qu'il contient. Essayez de mettre overflow-x: hidden sur l'élément <html> de la page interne qui est incluse dans l'iframe.
horizontalscrolling = "no" (ce n'est pas sur la documentation que)

Il est également intéressant de noter que vous pouvez masquer toutes les barres de défilement en utilisant scrolling = "No" sur l'étiquette iframe.

Source

2010-06-20 14:38:09 Sarfraz

Je viens de mettre à jour avec vos suggestions, mais je n'arrive toujours pas à résoudre les problèmes IE. Voir ci-dessus - – Thomas

@ Thomas: Avez-vous essayé les deux approches, essayez aussi le débordement sur l'élément du corps. – Sarfraz

Oui - http://designvillain.com/quittance/styles/styles.css – Thomas

IFrame scrollbar problème dans IE7

Répondre

Questions connexes