0

I have an Iframe inside a div.

 <div id="myDiv" style="height: 400px; width: 400px; border-color: red; border-style: solid;">

    <iframe src="http://www.ibm.com" id="myIframe" style="width: 100%; height: 100%; overflow: auto;"></iframe>

</div>

I was able to hide the scollbar of iFrame.

I also want to hide the scroll bar of div. How can i achieve that.

user804401
  • 1,990
  • 9
  • 38
  • 71
  • Make a fiddle demo and reduce problem. – Manwal Feb 24 '15 at 07:07
  • Do you want to prevent user from scrolling or just to hide the srcollbar? In both situations this is a dublicate. Just tell us to which question should we refer to when flagging. – Al.G. Feb 24 '15 at 07:08
  • i don't want to prevent users from scrolling. – user804401 Feb 24 '15 at 07:10
  • possible duplicate of [Hide scroll bar, but still being able to scroll](http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll) – Al.G. Feb 24 '15 at 07:10
  • I tried with the solution provided in the link. I have created a fiddle. It still shows the scorllbar. I want users to scroll without scroll bar appearing. Here is the fiddle http://jsfiddle.net/yxLj4pqn/ – user804401 Feb 24 '15 at 07:20

1 Answers1

0

Try to prevent the scroll of the body.

head,
body {
   overflow: hidden;
}
Sujata Chanda
  • 3,355
  • 2
  • 21
  • 35
  • Is there any way i can solve this my adding some css to div rather than body, i have created a fiddle for this at http://jsfiddle.net/yxLj4pqn/ – user804401 Feb 24 '15 at 08:24
  • Fiddle will not be enough as the whole body is been covered by that iframe. If you have some other source then it will be helpful. – Sujata Chanda Feb 24 '15 at 08:27