Remove scrollbar from iframe

Question

Using this code   lt iframe frameborder  0  style  height  185px  overflow scroll  width  100   src  http   www cbox ws box  boxid 439 amp boxtag 7868 amp sec main  marginheight  1  marginwidth  1  name  cboxmain  id  cboxmain  seamless  seamless  scrolling  no  frameborder  0  allowtransparency  true  gt  lt  iframe gt    This is how it appears  the shoutbox on homepage of http   www talkjesus com   How do I remove the horizontal scrollbar and modify the css of the vertical scrollbar

User · Answer

Just Add scrolling  quot no quot  and seamless  quot seamless quot  attributes to iframe tag  like this -  1  XHTML   gt  scrolling  quot no quot   2  HTML5   gt  seamless  quot seamless quot   UPDATE  seamless attribute has been removed in all major browsers

User · Answer

This is a last resort  but worth mentioning - you can use the   -webkit-scrollbar pseudo-element on the iframe s parent to get rid of those famous 90 s scroll bars      -webkit-scrollbar       width  0px      height  0px      Edit  though it s relatively supported    -webkit-scrollbar may not suit all browsers  use with caution

User · Answer

Add scrolling  no  attribute to the iframe

User · Answer

Add this in your css to hide just the horizontal scroll bar  iframe      overflow-x hidden

User · Answer

lt div id  myInfoDiv  seamless  seamless  scrolling  no  style  width 100   height  100   float  left  color   FFF  background  ed8719  line-height 100   font-size 100   font-family  sans-serif gt     Use the above div and it will not show scroll bar in any browser

User · Answer

in your css   iframe      overflow hidden

User · Answer

If anyone here is having a problem with disabling scrollbars on the iframe  it could be because the iframe s content has scrollbars on elements below the html element   Some layouts set html and body to 100  height  and use a  wrapper div with overflow  auto   or scroll   thereby moving the scrolling to the  wrapper element   In such a case  nothing you do will prevent the scrollbars from showing up except editing the other page s content

User · Answer

Try adding scrolling  no  attribute like below    x000D   x000D   lt iframe frameborder  0  scrolling  no  style  height 380px width 6000px border none   src  https   yoururl  gt  lt  iframe gt  x000D   x000D   x000D

User · Answer

This works in all browsers   jsfiddle here http   jsfiddle net zvhysct7 1    lt iframe src  http   buythecity com   scrolling  no  style   width  550px  height  500px   overflow  hidden    gt  lt  iframe gt

User · Answer

iframe     display  block    border  none             Reset default border      height  100vh            Viewport-relative units      width  calc 100    17px     div     overflow-x  hidden      Like this you make the width of the Iframe larger than it should be   Then you hide the horizontal scrollbar with overflow-x  hidden

User · Answer

Adding scroll  no  and style  overflow hidden  on iframe didn t work  I had to add style  overflow hidden  on body of html document loaded inside iframe

User · Answer

Add this in your css to hide both scroll bar  iframe      overflow-x hidden    overflow-Y hidden

[html] Remove scrollbar from iframe

Examples related to html

Examples related to css

Examples related to iframe