7
votes

JS - Hauteur de l'iframe avec 100% et sans défilement (défilez-y dans le corps)

J'ai un problème d'iframe. Tout d'abord, je recherche le mot-clé iframe hauteur dans https://stackoverflow.com/search?tab Pertinence & Q = iframe% 20Height Mais je n'ai pas trouvé quelqu'un dont j'ai besoin.

Comment faire une hauteur de Wiquth Iframe avec 100% et aucun défilement. Scroll-y dans le corps. xxx

et si je cherche quelque chose via http://www.google .com dans l'IFrame, après avoir été tourné vers la page de résultat de la recherche Google. L'IFRAME calculera la nouvelle hauteur et toujours avec une hauteur iframe 100%, la barre de défilement dans la partie du corps. (Je souhaite qu'une certaine aide pourrait fonctionner parfaitement non seulement dans IE et Firefox, mais aussi dans Safari et Chrome). Merci beaucoup.


                        
                        
                            
                                                                    javascript
                                                                    iframe
                                                                    height
                                                            
                        
                                                    
                            
                            
                                2 commentaires
                                
                                                                            Je suis un peu confus. Vous voulez faire un étirement iframe sur tout le contenu de la fenêtre, et pourtant être défilable? Y a-t-il une raison pour laquelle vous ne pouvez pas simplement afficher le contenu du document dans la fenêtre elle-même? Ou omettrez-vous une information vitale ici?
                                        
                                                                            Vous voulez que la barre de défilement soit sur le document externe, mais vous voulez que cela contrôlait l'iframe?



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    8
 votes
                                
                            
                            
                                
                                     Cela devrait faire ce que vous recherchez:  xxx  
 Les touches ici sont à:  

 Faites les éléments du corps et du HTML 100% de la fenêtre du navigateur, alors lorsque vous effectuez l'iframe 100%, il a quelque chose à 100% de. 
 Définissez les éléments du corps et du HTML sur débordement: caché de sorte qu'aucun barrage de défilement ne soit affiché 
 Assurez-vous qu'il n'y a pas de rembourrage 
  espère que cela aide                                  

                                                                    
                                    
                                    
                                        3 commentaires
                                        
                                                                                            
                                                    Alors ... le corps n'a pas de défilement - y. Si je cherche quelque chose dans l'iframe, je ne peux que voir les premiers résultats des lignes, comment puis-je voir le reste?                                                
                                                
                                                                                            
                                                    Désolé, si vous devez pouvoir faire défiler le corps verticalement, supprimez simplement le débordement: caché dans les règles de la feuille de style pour le corps, HTML.                                                
                                                
                                                                                            
                                                    J'ai essayé, ne fonctionne pas, le  iframe hauteur  =  Hauteur du navigateur , donc le Scroll-y n'est pas utile :( Je pense que c'est sur le travail pour CSS ...                                                

                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Je cherchais le même effet et j'ai trouvé un moyen. Si vous regardez avec «EXAMINER ELEMENT» dans Chrome (ou Firebug) dans la section Métriques, sélectionnez le    code>. Vous devriez voir si la zone HTML est inférieure à l'ensemble du document. Si vous définissez le HTML à la hauteur: 300%, cela devrait fonctionner. Voici les caractéristiques importantes: 
#some-div {height:100%;}
#iframe {height:300%;}

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     Utilisez mon plug-in jQuery:  xxx  
 puis, utilisez-le comme suit:   xxx  
 Don 'oublie de régler les attributs de  iframe  comme suit:   xxx                                  


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Cela créera probablement un bloc d'origine croisée si vous demandez quelque chose en dehors de votre domaine.


            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Interaction profonde avec break and catch                        
                        
                                            
                            Utilisation de node.js comment renommer tous les fichiers d'un dossier                        
                        
                                            
                            Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO