2009-12-21 5 views
1

Je l'affichage d'une page HTML dans une autre page HTML en fonction du lien est sélectionné à l'aide de la fonction suivante:Impossible de masquer Barre de défilement vertical sur la page Web

function loadProject(sel) { 
    var url = sel[sel.selectedIndex].value; 

    if(url) { 
     document.getElementById('projectContainer').innerHTML = '<' + 'object id="foo" name="foo" type="text/html" data="'+url+'"><\/object>'; 
    } else { 
     document.getElementById('projectContainer').innerHTML = "Please select a project."; 
    } 
} 

Et, j'ai une balise div dans le code HTML avec l'ID de projectContainer. Cela fonctionne, sauf pour le fait qu'une barre de défilement verticale est toujours affichée, peu importe ce que je fais pour l'enlever. (Il ne devrait pas être - même si je mets rien dans l'objet, la barre verticale est toujours affiché.) Je l'ai essayé de modifier le CSS dans les domaines suivants:

object { 
    width: 100%; 
    border: none; 
    overflow: hidden; 
} 

mais ce n'est pas accomplir ce que je Je cherche. Aucune suggestion? Merci.

+0

De quel navigateur parlons-nous? Et où est exactement la barre de défilement? N'y at-il pas un iframe impliqué quand vous parlez d'une "page à l'intérieur d'une page"? –

+0

@Pekka - Je vais pour une approche cross-browser si possible (test dans Chrome et IE). Comme pour le IFrame, il n'est pas nécessaire de le faire en utilisant cette méthode. – JasCav

Répondre

1

L'utilisation d'un <object> est nouveau pour moi mais très similaire à un iframe, je suppose: Cela signifie qu'il y a un corps de document qui est séparé du document environnant.

Vous devez déclarer overflow: hidden pour le bodyà l'intérieur de le document que vous incorporez.

0

overflow: hidden ne fonctionnera pas pour le contenu d'un iframe/frame/object. Vous allez devoir modifier le CSS des pages en cours de rendu dans la balise object. Aussi, je vous recommande NE FAITES PAS ceci, comme vous ne savez pas si j'ai mon navigateur configuré par défaut pour avoir forcé un énorme texte en raison d'une mauvaise vue ou quelque chose de similaire, ce qui rendrait la barre de défilement inutilisable/cachée pour moi, entraver la convivialité. Ne faites pas ce que vous essayez de faire.

+0

C'est un peu dur. Nous ne savons pas que cette page sera même visible publiquement. –

0

le faire déborder: auto; Ça marche!

Questions connexes