function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Jake BullardJake Bullard 

Hide Scroll Bar on iFrame in Lightning Components

Hey guys, 

How can I hide the scroll bar in on and Iframe in a lightning cmp? Here is what Ive tried.

Cmp
<aura:component access="global" implements="lightning:availableForFlowScreens">
<iframe src="{!v.iFrameURL}" height="{!v.iFrameheight+'px'}" width="{!v.iFramewidth+'px'} "frameborder="0" class="over"/>                                                                                                                             
</aura:component>


CSS

.THIS.over {
    overflow-y: hidden;
    overflow-x: hidden;

}
Khan AnasKhan Anas (Salesforce Developers) 
Hi Jake,

Greetings to you!

Please refer to the below links which might help you further with the above requirement.

https://stackoverflow.com/questions/10082155/remove-scrollbar-from-iframe

https://stackoverflow.com/questions/23206709/hide-scrollbar-in-iframe

I hope it helps you.

Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.

Thanks and Regards,
Khan Anas
Jake BullardJake Bullard
Thanks Khan, those linkeds helped! Turns out it was as simple as adding scrolling="no" to my iFrame!