Stap 1
Zet dit script ergens onder <body>
<!--Scrollable iframe script- By Dynamic Drive-->
<!--This credit MUST stay intact for use-->
<iframe id="datamain" src="external.htm" width=150 height=150 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe>
<layer visibility=hide>
<div style="width:150px;" align="right">
<a href="#" onMouseover="scrollspeed=-2" onMouseout="scrollspeed=0">Up</a> | <a href="#" onMouseover="scrollspeed=2" onMouseout="scrollspeed=0">Down</a>
</div>
</layer>
Stap 2
Het onderstaande script onderaan de pagina plaatsen die binnen het iframe geladen wordt.
<script language="JavaScript1.2">
//Scrollable content III- By http://www.dynamicdrive.com
var speed, currentpos=curpos1=0,alt=1,curpos2=-1
function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}
function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp
else
curpos2=temp
window.scrollBy(0,speed)
}
setInterval("initialize()",10)
</script>
Het script aanpassen:
Onder stap 1 kan de HTML code veranderd worden, bijvoorbeeld:
de afmetingen van het iframe en de bron ('src') van de webpagina.
Ook kan de scroll-snelheid aangepast worden, bijvoorbeeld:
onMouseover="scrollspeed=-1"