How to Remove a Scroll Bar in an iFrame

Inline frames, also known as iframes, allow website owners to insert additional HTML documents into a page, each contained inside a frame. By default, an iframe's scrolling attribute is set to "auto," which means that a scroll bar will appear in the frame if there is enough content to warrant it. However, this can be overwritten with only a small change in the HTML code if you would rather disable scroll bars in your iframe.

Instructions

    • 1

      Open the page's HTML file in a text editor such as Notepad by clicking on "File" and then "Open." Locate the file on your hard drive and click the "Open" button.

    • 2

      Locate the iframe code on the page, the beginning of which should look similar to this:

      <iframe src="page.html" width="200" height="200">

    • 3

      Insert the scrolling attribute into the code with a value of "no," so that the code now looks something like this:

      <iframe src="page.html" width="200" height="200" scrolling="no">

      This will disable any scroll bar from appearing in your iframe even if one is necessary to read all of the text.

    • 4

      Save the document and upload it to your Web server.

Related Searches:

References

Comments

Related Ads

Featured