Home/ Questions/Q 6852579
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T01:23:18+00:00

I’m working with a partner site that does not have bandwidth to make customizations

  • 0

I’m working with a partner site that does not have bandwidth to make customizations on their end.

I would like to use there site in a frame, under another frame w/ an updated header and logo that will be hosted on my site…

Is there a way I can make the 2nd frame start about an inch down on the target html page so as to not show both my new frame based header, and the original header on the site?

I’m guessing the way to do this is to hide the real scroll-bar in the frame, and replace it with a javascript controlled scroll-bar that lives in the outer-frame?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can create a mask for the iframe. Make the iframe as big as the content you would like to display, then hide the top behind a div’s boundaries like so.

    <style>
#iframe-container
{
    top : -300px;
    width : 100%;
    height : 10000px;
    position : relative;
}

#iframe
{
    position : absolute;
    top : -300px;
    width : 100%;
    height : 100%;
}
</style>

<div id="iframe-container">
    <iframe src="http://www.yourpartner.com" id="iframe-container" scrolling="no"></iframe>
</div>
    • 0