ShadowForum

<div id="freccia" style="display: none; position:fixed; right:60px; bottom:30px;">
<a href="javascript:scrolla();">
<img src="http://www.iperpiano.eu/images/cantieri/freccia-su.png">
</a>
</div>

<script type="text/javascript">

// la funzione scrolla viene attivata ogni volta che cliccano la freccia
function scrolla () {
if (document.body.scrollTop >= 1) {
document.body.scrollTop += -150;
setTimeout("scrolla()",40);
}
freccia = document.getElementById('freccia');
}

// questo evento si attiva ogni volta che in qualche modo la pagina va 'su o giù'
window.onscroll = scroll;

function scroll() {
if (document.body.scrollTop > window.innerHeight) colora();
else scolora();
}

// queste sono le due funzioni che vengono richiamate appunto per colorare e per scolorare (far sparire) la freccia.
function scolora () {
freccia.style.display = 'none';
}
function colora () {
freccia.style.display = '';
}

</script>