admin管理员组

文章数量:1301527

I currently have this Embedded Code on a SharePoint site that I am developing.
Despite the below code partially working, I still have the following problem

With Scrolling set to no, the vertical scrollbar is still showing?

Despite amending the px setting on both the width and height I'm unable to target a specific part of the SRC to show, I want the viewport to clip to a specific part of the src that is 100px from the top and 200px from the left.

I have tried to amend the existing code but have been unable to make the precise adjustments needed.

<main>
  <div style="position: relative; width: 1px; height: 10px; top: padding-top: 10%; padding-bottom: 0px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 50px; margin-bottom: 0.9em; overflow: hidden; border-radius: 0px; will-change: transform;"> 
    <iframe id="iFrame" 
            style="position: absolute; width: 1000px; height: 30px; top: -10; left: 0; border: none; padding: 0;margin: 0;" 
            src="'NEW'%20(DS).aspx"     
            allowfullscreen="allowfullscreen" 
            allow="fullscreen" 
            scrolling="no" 
            frameborder="0">   
    </iframe>
  </div>
</main>

本文标签: cssHow do I Embed code to Hide both Scrollbars and show specific area of SRCStack Overflow