Skjule de dele af dokument der går udenfor skærm

Det her er kun et illustrerende eksempel, der udelukkende virker i IE5+.
Men måske kan en anden, der har lidt bedre tid end mig, bygge det færdigt:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
function tjekdivs() {
  arr = document.getElementsByTagName("div");
  for (i = 0; i < arr.length; i++) {
    y = 0;
    obj = arr[i];
    while (obj.parentElement != null) {
      y += obj.offsetTop;
      obj = obj.parentElement;
    }
    arr[i].style.visibility = (document.body.scrollTop > y || (document.body.scrollTop + document.body.clientHeight) < (y + arr[i].offsetHeight)) ? "hidden" : "visible";
  }
}
</script>
</head>
<body onscroll="tjekdivs();">
<div style="background-color: #FFFFCC;">
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla
</div>
<div>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla
</div>
<div style="background-color: #FFFFCC;">
Bla<br>
Bla<br>
Bla
</div>
<div>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla
</div>
<div style="background-color: #FFFFCC;">
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla<br>
Bla
</div>
</body>
</html>

Body-tagget bør nok se således ud:

<body onload="tjekdivs();" onscroll="tjekdivs();">

Ok. Ikke dårligt. Jeg tror jeg selv kan klare den herfra. Smid et svar.

Will do. :)