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.
.foo {
width: 200px;
height: 200px;
overflow-y: hidden;
}
<iframe src="https://bing.com"
class="foo"
scrolling="no" >
</iframe>