HTML5 : Iframe Pas de défilement?

Quand il s'agit de HTML5, le défilement attribut n'est plus pris en charge - mais j'ai encore besoin de retirer les barres de défilement - comment faire?

InformationsquelleAutor jave.web | 2013-08-27
  1. 50

    En HTML5, il n'y a pas de défilement attribut parce que "sa fonction est mieux géré par les CSS" voir http://www.w3.org/TR/html5-diff/ pour d'autres changements. Le bien et le CSS solution:

    CSS solution:

    HTML4 du scrolling="no" est une sorte d'alias de la CSS,overflow: hidden, pour ce faire il est important de définir les attributs de taille largeur/hauteur:

    iframe.noScrolling{
  width: 250px; /*or any other size*/
  height: 300px; /*or any other size*/
  overflow: hidden;
}

    Ajouter cette classe à votre iframe et vous avez terminé:

    <iframe src="http://www.example.com/" class="noScrolling"></iframe>

    ! REMARQUE IMPORTANTE ! : overflow: hidden pour <iframe> n'est pas entièrement pris en charge par tous les navigateurs modernes pour l'instant(même le chrome ne supporte pas encore) donc pour l'instant (2013) c'est toujours mieux d'utiliser de Transition version scrolling="no" et overflow:hidden en même temps 🙂

    • Pourquoi ne pas iframe[scrolling='no'] { overflow: hidden; }?
    • Eh bien, puisque sélecteur d'attribut sont pris en charge depuis CSS2 - c'est une solution aussi 🙂 - mais rappelez-vous le scrolling="no" sera supprimée un jour - par conséquent, la classe est plus point de vue 🙂
    • Cependant iframe[scrolling = "no"] sera jamais supprimé 😉
    • Si vous le pouvez, ajouter html, body {overflow: hidden} à la CSS du document à l'intérieur de l'iframe semble également fonctionner.
    • bien sûr, il est de référencement presque la même chose 🙂 Mais bon point.
    • Ne serait pas overflow: visible faire la même chose, mais faire en sorte que vous n'avez pas à définir la hauteur et la largeur?
    • Le point habituel de "pas de défilement" est pour masquer certaines parties de la i-encadré page vous n'avez pas besoin... mais vous avez une idée intéressante, bien que je ne pense pas que les navigateurs se permettre un tel comportement (problème de sécurité)... mais qui sait, avec fonction de copie de revenir, tout peut arriver 🙂
    • débordement n'a toujours pas d'effets pour l'iframe dans le fx et chrome en 2017
    • Toujours pas d'effets pour Chrome en 2019

    InformationsquelleAutor jave.web