156 votes

Supprimer la barre de défilement de l'iframe

Utiliser ce code

Voici comment cela apparaît (le shoutbox sur la page d'accueil de http://www.talkjesus.com)

Comment puis-je supprimer la barre de défilement horizontale et modifier le css de la barre de défilement verticale?

3 votes

Doublon avec stackoverflow.com/questions/4856746/… qui a une meilleure réponse

400voto

THRIVE Points 449

Ajoutez l'attribut scrolling="no" à l'iframe.

1 votes

Peut-on le faire avec CSS?

1 votes

Oui, mais ensuite dans Chrome, on ne peut pas utiliser scrollIntoView. Voir code.google.com/p/chromium/issues/detail?id=137214

1 votes

Eh bien, cela cache la barre de défilement du contenu et empêche le défilement du contenu. Cela n'empêche pas la barre de défilement de l'iframe de s'afficher.

40voto

Thyagu Points 3408

Cela fonctionne dans tous les navigateurs

27voto

nirvana74v Points 57

Ajouter scroll="no" et style="overflow:hidden" sur l'iframe n'a pas fonctionné, j'ai dû ajouter style="overflow:hidden" sur le corps du document HTML chargé à l'intérieur de l'iframe.

1 votes

Si cela aide, il y a un problème dans Firefox, où si vous avez un élément CSS transform: scale(0.7) ou similaire, cela créera des barres de défilement (qui apparaîtront dans votre iFrame), à moins que vous ne le coupiez avec overflow: hidden; sur un ancêtre (qui pourrait être un div au lieu du corps).

15 votes

C'est parce que c'est 'scrolling=no', pas 'scroll=no'.

0 votes

Est-ce que tu veux dire chargé à l'intérieur de notre chargé autour? Qu'est-ce qui est autour de quoi?

20voto

Nima Rahbar Points 215

MISE À JOUR :

L'attribut seamless a été supprimé dans tous les principaux navigateurs


Ajoutez simplement les attributs scrolling="no" et seamless="seamless" à la balise iframe. comme ceci :-

 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"

16 votes

L'attribut sans soudure a été supprimé de HTML.

0 votes

Vous devez utiliser CSS au lieu de l'attribut sans soudure.

0 votes

@NimaRahbar L'attribut seamless peut être obsolète, mais le CSS ne prend pas en charge les paramètres de l'iframe.

20voto

Allabux B Points 215

Essayez d'ajouter l'attribut scrolling="no" comme ci-dessous :

3 votes

Le extrait montre des barres de défilement.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X