• Calendars
• Date & Time
• Document Effects
• Dynamic Content
• Form Effects
• Games
• Image Effects
• Links & Tooltips
• Menus & Navigation
• Mouse and Cursor
• Scrollers
• Text Animations
• User/System Preference
• Window and Frames
• Other
• XML and RSS

• Script Forums
• Recommend Us
• Usage Terms
• Free JavaScripts

• IE5+: IE 5 and above
• FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
• Opr7+: Opera 7 and above.

Description: Scrollable iframe renders an IFRAME with scroll up/down functionality of the page within. This is an excellent way to display external content in a contained space.

Demo:

Directions:

Step 1: Add the following code where you wish the scrollable content to appear on your page:

Step 2: Ok, here's where you need to pay attention. Insert the below script in the page being loaded in the iframe, at the very end of the document source:

So to recap, insert the code of Step 1 in your main page, and code of Step 2 at the bottom of the page contained within the iframe.

Configuring the script

All exterior changes to the script is done in the HTML code of Step 1. Here you can change the iframe's dimensions and page src. You can also decrease the scroll speed by modifying "-2" and "2" in the onMouseover codes to "-1" and "1". For example:

onMouseover="scrollspeed=-1"