Disable scrolling in a iframe

Question

I need your help.

I need to disable scrolling of the iframe inside my div to use scroll of the div (I don't have the choice !). I tried overflow:hidden and scroling="no" but nothing is working.

Thanks for your help.

<div id="divPDF" style="overflow:scroll;">
  <iframe id="framePDF" width="100%"  src="data:application/pdf;base64,some64code ..." scrolling="no" style="overflow:hidden;">
  </iframe>                 
</div>

Duplicate, there was no search effort. – May 07 '14 at 16:19 — , May 07 '14 at 16:19

score 2 · Answer 1 · answered Mar 26 '14 at 19:34

2

You would do best via CSS:

iframe {
overflow: hidden;
}

There is no other way to do that, at least not if you want to support HTML5

answered Mar 26 '14 at 19:34

With a pdf is it not possible to avoid scrolling. – Mar 27 '14 at 17:59

score 0 · Answer 2 · answered Mar 26 '14 at 16:57

0

Did you try embed to display the PDF? This should work just fine in all modern browsers.

<embed src="data:application/pdf;base64,some64code ..." type="application/pdf" width="100%" />

answered Mar 26 '14 at 16:57

Dominik

376
2
6

Yes I tried it , also I tried object but it's always the same result. Thanks for your help anyway :) – Tyrion Mar 26 '14 at 17:00

Disable scrolling in a iframe

2 Answers2