1

I have used an iframe in my classic sp page this is referencing a modern sp site but it is has a vertical scroll bar. I have tried to override it with some css and it hasnt appeared to go away.

How can this be removed?

Thanks

2

Try the script below to display specific area of a page using iframe:

<div style="overflow: hidden; margin: 15px auto; max-width: 575px;">
<iframe scrolling="no" src="https://<path>" style="border: 0px none; margin-left: -36px; margin-top: -486px; width: 650px; height: 812px; ">
</iframe>
</div>

Notice the overflow and margin attributes.

move the iframe left, set margin-left; move iframe top, set margin-top.

Demo:

http://www.dimpost.com/2012/12/iframe-how-to-display-specific-part-of.html

  • Hi I tried to use the similar script but unfortunately the bar doesn't disappear. <div style="overflow: hidden; margin: 15px auto; max-width: 575px;"> <iframe scrolling="no" src="bp365.sharepoint.com/sites/COP/DataScience/SitePages/…" style="border: 0px none; margin-left: 36px; margin-top: 30px; width: 450px; height: 512px; "> </iframe> </div> – Danielle Sutton Oct 31 '18 at 16:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.