Hide horizontal scrollbar on an iframe

Question

I need to hide the horizontal scollbar on an iframe using css  jquery or js

User · Answer

set scrolling  no  attribute in your iframe

User · Answer

This answer is only applicable for websites which use Bootstrap  The responsive embed feature of the Bootstrap takes care of the scrollbars    lt  -- 16 9 aspect ratio -- gt   lt div class  embed-responsive embed-responsive-16by9  gt     lt iframe class  embed-responsive-item  src  http   www youtube com embed WsFWhL4Y84Y  gt  lt  iframe gt   lt  div gt     jsfiddle  http   jsfiddle net 00qggsjj 2   http   getbootstrap com components  responsive-embed

User · Answer

If you are allowed to change the code of the document inside your iframe and that content is visible only using its parent window  simply add the following CSS in your iframe   body       overflow hidden      Here a very simple example   http   jsfiddle net u5gLoav9   This solution allow you to    Keep you HTML5 valid as it does not need scrolling  no  attribute on the iframe  this attribute in HTML5 has been deprecated   Works on the majority of browsers using CSS overflow hidden No JS or jQuery necessary    Notes   To disallow scroll-bars horizontally  use this CSS instead   overflow-x  hidden

User · Answer

I d suggest doing this with a combination of    CSS overflow-y  hidden  scrolling  no   for HTML4  and seamless  seamless   for HTML5       The seamless attribute has been removed from the standard  and no browsers support it      x000D   x000D   foo   x000D    width  200px  x000D    height  200px  x000D    overflow-y  hidden  x000D    x000D   lt iframe src  https   bing com   x000D          class  foo   x000D          scrolling  no   gt  x000D   lt  iframe gt  x000D   x000D   x000D

[html] Hide horizontal scrollbar on an iframe?

Examples related to html

Examples related to iframe

Examples related to scrollbar

Examples related to hide