Hide horizontal scrollbar on an iframe?

Question

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

Answer 1

I'd suggest doing this with a combination of

1. CSS overflow-y: hidden;
2. scrolling="no" (for HTML4)
3. and seamless="seamless" (for HTML5)*

^{* The seamless attribute has been removed from the standard, and no browsers support it.}

---

.foo {    width: 200px;    height: 200px;    overflow-y: hidden;  }

<iframe src="https://bing.com"           class="foo"           scrolling="no" >  </iframe>

Answer 2

set scrolling="no" attribute in your iframe.