Is there a CSS property to hide a iframe's scrollbar?

Asked Mar 19 '21 at 17:41

Active Apr 25 '21 at 18:57

Viewed 107 times

I need to hide a iframe's scrollbar with CSS, but the HTML attribute scroll="no" is the only thing that works. I don't want to use it because it is not supported with HTML5. This is my CSS:

iframe {
    width: 600px;
    height: 490px;
    border: none;
    overflow: hidden;
}

That didn't help. I have tried developer.mozilla.org, but it only showed the non-supported attribute. Do I need to use JavaScript?

By the way, what does the non-supported attribute seamless="seamless" mean?

edited Apr 25 '21 at 18:57

asked Mar 19 '21 at 17:41

Malachi Parker

Welcome to StackOverflow! Please read [How do I ask a good question?](https://stackoverflow.com/help/how-to-ask) and [How to create a Minimal, Reproducible Example](https://stackoverflow.com/help/minimal-reproducible-example) – Rojo Mar 19 '21 at 17:43
Unfortunately there's no way to disable iframe scrolling in HTML5 with just HTML and CSS. https://stackoverflow.com/questions/15494568/html-iframe-disable-scroll – Mar 19 '21 at 17:47
is the iframed site your own site? – doğukan Mar 19 '21 at 17:55
@doğukan Yes it is – Malachi Parker Mar 19 '21 at 20:21
Thanks @AMR. I wish there was. – Malachi Parker Mar 19 '21 at 20:22
Is there a way to do it with **JavaScript** @AMR? – Malachi Parker Apr 24 '21 at 22:20

Is there a CSS property to hide a iframe's scrollbar?

0 Answers0