9
votes

Retirez la barre de défilement verticale, gardez la barre de défilement horizontale dans iframe en chrome

J'ai un iframe pour lequel je voudrais activer une barre de défilement horizontale, mais désactiver la barre de défilement verticale.

J'ai le style iframe comme tel: Overflow-y: caché; Overflow-X: auto;

Cela fonctionne juste bien dans Firefox, mais pas chrome. Y a-t-il une sorte de solution de contournement pour que cela fonctionne pour travailler en chrome?

mise à jour: J'ai été transié à l'aide d'une cellule de table avec trop-plein, plutôt que d'un iframe. Je ne sais pas si cela facilitera la tâche plus facile ou plus difficile de travailler autour de ce rouleau vertical.


4 Réponses :


0
votes

1 commentaires

C'est une honte, je vais chercher quelque chose d'autre et vous laisser savoir !!



9
votes

0 commentaires

2
votes

Ceci fonctionne bien dans n'importe quel navigateur

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
<title>Untitled 1</title> 
</head> 
<style type="text/css"> 
#test iframe { 
width: 100%; 
height: 100%; 
border: none; } 

#test { 
width: 100%; 
height: 3530px; 
padding: 0; 
overflow: hidden; } 

</style> 

<body style="margin:0;"> 
<div id="test"> 
<iframe src="http://stackoverflow.com/" scrolling="no">
</iframe> 
</div> 
</body> 
</html>


0 commentaires

0
votes

Ajoute un élément div des parents à iframe comme ceci:

<div style='overflow: hidden; width: 600px; height: 400px;'>
    <iframe src='http://www.website.com/index.html' style='overflow-y: hidden;' width='580' height='400' frameborder='0' seamless='seamless'></iframe>
</div>


0 commentaires