1. Accueil
  2. Question et réponse
  3. Supprimer la barre de défilement verticale, garder la barre de défilement horizontale dans iframe dans Chrome

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

2010-10-14 8 views
7

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

J'ai l'iframe style comme tel: overflow-y:hidden; overflow-x:auto;

Cela fonctionne très bien dans FireFox, mais pas Chrome. Existe-t-il une solution de contournement pour que cela fonctionne dans Chrome?

Mise à jour: Je suis passé à l'utilisation d'une cellule de tableau avec débordement, plutôt que d'une iframe. Je ne sais pas si cela rendra plus facile ou plus difficile de contourner ce parchemin vertical.

Source

2010-10-14 Jimmy

+1

duplication possible de [Safari/Chrome (Webkit) - Impossible de masquer la barre de défilement verticale de l'iframe] (http://stackoverflow.com/questions/1691873/safari-chrome-webkit-cannot-hide-iframe-vertical-scrollbar). Les deux ont marqué Chrome/webkit. –

Répondre

2

Cela fonctionne bien dans un 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>

Source

2014-10-17 13:56:38

0

Ajouter élément parent div à 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 se cacheront barre de défilement verticale mais l'utilisateur peut toujours utiliser 'page vers le haut' , 'page en bas' et touches fléchées options pour le défilement vertical.

Source

2015-09-07 07:04:52 fsasvari

Questions connexes

 Questions connexes