12
votes

Comment faire iframe ne pas avoir la barre de défilement

Je travaille à faire un widget comme celui-ci ici:

http://www.comehike.com/outdoors/ widget.php? hike_id = 176 & hauteur = 400 et largeur = 700

Et pour une raison quelconque, je n'arrive pas à faire de la barre de défilement. Est-ce que quelqu'un sait comment faire ça?

merci!

html css iframe

1 commentaires

Jetez un coup d'œil à Attribut de défilement IFrame HTML

5 Réponses :

3
votes

iframe { overflow: hidden; }
ought to do it. However, do you really want to do that? Any content that is not immediately viewable will then not be available (without the user jumping through hoops to scroll it via the keyboard).

1 commentaires

Overflow: caché; est incompatible entre les navigateurs. Pour moi, ça marche très bien sur Firefox, mais pas en chrome ou à savoir :(


                        
                                            
                            
                                
                                    21
 votes
                                
                            
                            
                                
                                     Comme ceci:  xxx  
  EDIT:   trameForder = "0"  est pratique pour masquer la bordure.                                  


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    L'OP n'a pas spécifié de standard, mais le  CadreForforder  et  Les attributs  ne sont pas valides HTML 5. Voir  ici .                                                

                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    5
 votes
                                
                            
                            
                                
                                     La propriété CSS qui traite du document étant plus grande que la zone visible  forte> est  STRY> IS  code>. 
 Ceci est couramment utilisé pour faire défilable  div  code> s comme on le voit dans  Cet exemple .  P> 
 La valeur que vous 'RE RECHERCHE est:  caché  code> qui va  clip sur la zone  forte> en dehors de la plage visible. Quelque chose comme:  p>  xxx  pré> 
 devrait avoir l'air joli widget AA  p> 
 donc pour les propriétés CSS que vous souhaiterez peut-être:  p> 
scrolling="no"
frameborder="0"
allowTransparency="true"

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     Il suffit d'ajouter le  défilement = "Non"  Attribut à votre iframe. 


   Remarque: cela ne fonctionnera pas dans HTML5. 
                                


                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Bien que 

  Overflow: caché;  

 Peut fonctionner avec Firefox, cela ne fonctionne pas avec IE ou Chrome. Si vous n'utilisez pas HTML5, vous pouvez utiliser  défilable = non .                                 


                                                                    
                                    
                                    
                                        0 commentaires

Articles qui pourrait vous intéresser : Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO Select2 ne s'affiche pas correctement dans le mode bootstrap Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police? Comment puis-je définir un format pour les nombres d'entrée dans Blazor