HTML iframe - disable scroll

Question

I have following iframe in my site    lt iframe src   lt  lt URL gt  gt   height  800  width  800  sandbox  allow-same-origin allow-scripts allow-forms  scrolling  no  style  overflow  hidden  gt  lt  iframe gt    And it has scrolling bars  How to get rid of them

User · Answer

Set all the content to    yourContent   width 100   height 100       in you csss     The thing is that the iframe scroll is set by the content NOT by the iframe by itself   set the content to 100  in the interior with CSS and the desired for the iframe in HTML

User · Answer

I tried scrolling  no  in my current browser  Google Chrome Version 60 0 3112 113  Official Build   64-bit   and that didn t work   However  scroll  no  did work   Might be worth trying   lt iframe src   lt  lt URL gt  gt   height  800  width  800  sandbox  allow-same-origin allow-scripts allow-forms  scroll  no  style  overflow  hidden  gt  lt  iframe gt

User · Answer

Add this styles  for your iframe tag        overflow-x hidden  overflow-y hidden

User · Answer

This works for me   lt style gt    overflow hidden important   html overflow scroll important    lt  style gt   Note  if you need scrollbar in any other element  also add css  overflow scroll important   to that element

User · Answer

You can use the following CSS code    margin-top  -145px   margin-left  -80px  margin-bottom  -650px    In order to limit the view of the iframe

User · Answer

Unfortunately I do not believe it s possible in fully-conforming HTML5 with just HTML and CSS properties  Fortunately however  most browsers do still support the scrolling property  which was removed from the HTML5 specification    overflow isn t a solution for HTML5 as the only modern browser which wrongly supports this is Firefox   A current solution would be to combine the two    lt iframe src    scrolling  no  gt  lt  iframe gt    iframe     overflow  hidden      But this could be rendered obsolete as browsers update  You may want to check this for a JavaScript solution  http   www christersvensson com html-tool iframe htm  Edit  I ve checked and scrolling  no  will work in IE10  Chrome 25 and Opera 12 12

User · Answer

Since the  overflow  hidden   property does not properly work on the iFrame itself  but seems to give results when applied to the body of the page inside the iFrame  I tried this    iframe body   overflow hidden      Which surprisingly did work with Firefox  removing those annoying scrollbars    In Safari though  a weird 2-pixels-wide transparent line has appeared on the right side of the iframe  between its contents and its border  Strange

User · Answer

Just add an iframe styled like either option below  I hope this solves the problem   1st option    lt 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 gt  lt  iframe gt    2nd option    lt 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 gt  lt  iframe gt

User · Answer

It seems to work using   html  body   overflow  hidden      inside the IFrame  edit   Of course this is only working  if you have access to the Iframe s content  which I have in my case

User · Answer

I solved the same issue with this css       pointer-events none

User · Answer

below html5 versions  iframe       overflow hidden      In html5   lt iframe seamless  seamless        gt    iframe seamless       overflow  hidden      but not supported correctly yet

User · Answer

For this frame         lt iframe src    name    id    gt  lt  iframe gt    I tried this on my css code       iframe put the value of id here  -webkit-scrollbar            display  none

[html] HTML iframe - disable scroll

Examples related to html

Examples related to css

Examples related to iframe