How to disable the scroll bar for iframe

Question

how to disable the scroll bar in iframe and yet load the complete web page and scroll up and down with browser scroll bar? The iframe should look as its a part of the page and not iframe.

http://stackoverflow.com/questions/4856746/hide-vertical-scrollbar-on-an-iframe — Animesh, Jul 02 '14 at 07:45
possible duplicate of [HTML iframe - disable scroll](http://stackoverflow.com/questions/15494568/html-iframe-disable-scroll) — bumbumpaw, Jul 02 '14 at 07:57

Francois Borgies · Answer 1 · 2014-07-02T08:19:28.113

1

You want something like this:

<iframe src="" scrolling="no" seamless></iframe>

When present, seamless attribute specifies that the <iframe> should look like it is a part of the containing document and then no borders or scrollbars. Bad point is only supported in Opera, Chrome and Safari.

and with css:

iframe { 
    overflow:hidden; 
}

edited Jul 02 '14 at 08:19

answered Jul 02 '14 at 07:45

Francois Borgies

2,378
31
38

2

As a note: `scrolling="no"` is not supported in *HTML5* anymore. So the CSS way or the attribute [`seamless`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-seamless) (if supported) are better solutions. – insertusernamehere Jul 02 '14 at 07:54
Good point. I add into my answer. – Francois Borgies Jul 02 '14 at 08:20

score 0 · Answer 2 · answered Jul 02 '14 at 08:05

0

try this,

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

or

 iframe { 
    overflow:hidden; 
 }

or

 iframe {
      overflow-x:hidden;
      overflow-y:hidden;
  }

answered Jul 02 '14 at 08:05

hari

1,874
1
16
10

@VineetGNair don't say thanks. – hari Jul 06 '14 at 10:52

How to disable the scroll bar for iframe

2 Answers2