Supprimer la barre de défilement verticale, garder la barre de défilement horizontale dans un iframe dans Chrome

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

J'ai l'iframe style en tant que tel: overflow-y:hidden; overflow-x:auto;

Cela fonctionne bien sous FireFox, mais pas de Chrome. Est-il une sorte de solution de contournement pour obtenir que cela fonctionne dans Chrome?

mise à Jour:
J'ai passé à l'aide d'une cellule de tableau avec trop-plein, plutôt qu'une iframe. Je ne sais pas si ce sera plus facile ou plus difficile de travailler autour de défilement verticale.

double possible de Safari/Chrome (Webkit) - Ne peut pas se cacher iframe barre de défilement verticale. Les deux marqués Chrome / webkit.

OriginalL'auteur Jimmy | 2010-10-14

  2. 2

    Cela 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>

    OriginalL'auteur Bruno Galvao

  3. 0

    Si vous ne trouvez pas d'autre chose:

    Mettre la hauteur de l'iframe =>103%

    Voir ici:

    http://forums.aspfree.com/web-layout-43/horizontal-scrollbar-iframe-removing-23237-2.html

    Il est solution de contournement qui pourraient travailler...

    - Vous me dire!

    Bonne chance

    Malheureusement, il ne fonctionne pas. 🙁
    C'est une honte, Mal chercher quelque chose d'autre et vous le fait savoir!!

    OriginalL'auteur Trufa

  4. 0

    Ajouter un div parent élément 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>

    Il permet de masquer barre de défilement verticale, mais l'utilisateur peut toujours utiliser 'page', 'bas de page " et touches fléchées options pour le défilement vertical.

    OriginalL'auteur fsasvari