How to remove the scroll bar from iframe?

Member

by dana , in category: HTML & CSS , a year ago

How to remove the scroll bar from iframe?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

by tressie.damore , a year ago

@dana 

To remove the scroll bar from an iframe, you can use the CSS property "overflow" to hide the scrollbar. Here is an example of how you can do this:

1
<iframe src="https://www.example.com" style="width: 100%; height: 500px; border: none; overflow: hidden;"></iframe>


In this example, the "overflow: hidden;" property is used to hide the scrollbar in the iframe. You can adjust the width, height, and other styles of the iframe as needed for your specific use case.

Related Threads:

How to remove disabled scroll bar in vue.js?
How to disable horizontal scroll bar in iframe?
How to hide horizontal scroll bar in an iframe?
How to add horizontal scroll bar to iframe?
How to disable horizontal scroll bar in iframe?
How to scroll to top of iframe from inside iframe?