Iframe HTML - désactivation du défilement

Question

J'ai l'iframe suivante dans mon site :

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe>

Et il y a des barres de défilement.
Comment s'en débarrasser ?

Answer 1

Placez ce code dans votre CSS

iframe {
    overflow:hidden;
}

Answer 2

Cela fonctionne pour moi :

<style>
*{overflow:hidden!important;}
html{overflow:scroll!important;}
</style>

Note : si vous avez besoin d'une barre de défilement dans un autre élément, ajoutez également du css {overflow:scroll!important;} à cet élément

Answer 3

Il suffit d'ajouter un iframe stylisé comme l'une des options ci-dessous. J'espère que cela résout le problème.

1ère option :

<iframe src="https://www.skyhub.ca/featured-listing" style="position: absolute; visibility: hidden;" onload="this.style.position='static'; this.style.visibility='visible';" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="400px" width="1200px" allowfullscreen></iframe>

2ème option :

<iframe src="https://www.skyhub.ca/featured-listing" style="display: none;" onload="this.style.display='block';" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="400px" width="1200px" allowfullscreen></iframe>

Answer 4

Ajoutez ce style..pour votre balise iframe..

overflow-x:hidden;
overflow-y:hidden;

Answer 5

Pour ce cadre :

    <iframe src="" name="" id=""></iframe>

J'ai essayé ceci sur mon code css :

    iframe#put the value of id here::-webkit-scrollbar {
         display: none;
    }