2011-07-13 1 views
1

J'ai un iframe et je le veux seulement pour ajouter une barre de défilement quand il est nécessaire de révéler plus de contenu. J'ai réglé le débordement sur "auto" sur l'iframe. Cela ne fonctionne pas dans Chrome ou IE:Comment obtenir un débordement: auto pour travailler pour un iframe dans IE et Chrome?

enter image description here

Voici le html:

<!DOCTYPE html> 
<html> 

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>Hide iFrame scrollbars</title> 

<style type="text/css"> 
    body{ 
     height: 500px; 
    } 
    iframe{ 
     overflow: auto; 
     height: 570px; 
     width: 1000px; 
    } 
</style> 

</head> 

<body> 
    <iframe src="http://www.google.co.za"></iframe> 
</body> 

</html> 

choses que j'ai essayé (et qui ont été proposées sur le SO): réglage de l'élément parent et les dimensions de l'iframe, en mettant scrolling = "non" sur l'iframe, en réglant le débordement sur "hidden". Tout cela entraîne un comportement indésirable.

Comment faire apparaître la barre de défilement uniquement en cas de besoin?

Répondre

4

Ce rouleau dans Chrome (et je suppose que dans IE aussi) est paramétré par html (ou corps, je ne me souviens pas exactement maintenant) élément iframe

+0

Salut serges. Je ne suis pas sûr de comprendre votre suggestion. Pourriez-vous clarifier s'il vous plaît? – cfouche

+1

essayez de définir "overflow: auto" pour html et le corps de la page, vous êtes en train de charger dans iframe. (Si vous voulez vraiment y charger google, utilisez javascript) – SergeS

Questions connexes