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

Je suis en train de faire un widget comme celui-ci ici:

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

Et pour une raison que je n'arrive pas à faire le défilement de la barre de s'en aller. Personne ne sait comment faire cela?

Merci!

Jetez un oeil à HTML iframe scrolling Attribut

OriginalL'auteur Genadinik | 2011-06-02

  1. 19

    Comme ceci:

    <iframe ... scrolling="no"></iframe>

    Edit: Aussi frameborder="0" est pratique pour cacher la frontière.

    L'OP ne spécifiez pas un standard, mais le frameborder et scrolling attributs ne sont pas valide HTML 5. Voir ici.

    OriginalL'auteur aorcsik

  2. 4
    iframe { overflow: hidden; }

    devrait le faire. Cependant, ne vous vraiment veux le faire? Tout contenu qui n'est pas immédiatement visible ne seront pas disponibles (sans que l'utilisateur de sauter à travers des cerceaux pour le faire défiler à l'aide du clavier).

    overflow: hidden; est incompatible dans les navigateurs. Pour moi il fonctionne très bien sur Firefox mais pas sur Chrome ou IE 🙁

    OriginalL'auteur Bobby Jack

  3. 3

    La propriété CSS qui traite le document étant plus grande que la zone visible de est overflow.

    C'est couramment utilisé pour faire des défilants divs comme on le voit dans cet exemple.

    La valeur que vous cherchez est: hidden qui clip de la zone en dehors de la zone visible. Quelque chose comme:

    <iframe style="overflow:hidden;" src="URL" />

    Devriez regarder belle un un widget

    Donc pour les propriétés CSS que vous pourriez vouloir:

    overflow:hidden;
border:none;
width:100px;
height:25px;"

    Et de propriété de l'iframe, vous voudrez probablement:

    scrolling="no"
frameborder="0"
allowTransparency="true"

    Lire sur ces comprendre ce qu'ils font, mais ils sont ceux commun pour les widgets comme ce que vous décrivez dans votre question. Ensemble, ils doivent produire un beau widget.

    OriginalL'auteur Vasiliy Sharapov

  4. 2

    Il suffit d'ajouter le scrolling="no" attribut à votre iframe.

    Remarque: cela ne fonctionne pas dans HTML5.

    OriginalL'auteur The_HTML_Man

  5. 0

    Bien que

    overflow:hidden;

    peut fonctionner avec Firefox, ça ne fonctionne pas avec IE ou Chrome. Si vous n'êtes PAS à l'aide de HTML5, poule, vous pouvez utiliser scrollable=no.

    OriginalL'auteur Max Garner