Delta3st: JavaScript Scrollbar

Beitrag lesen

Hallo,

habe mir ein script runtergeladen welches den Scrollbar ablöst, indem es einfach den Kontent in ein Layer reinkopiert, in welchem man scrollen kann!

Mein Problem:

Es muss ein Fehler in dem SCript sein da es nur nach oben scrollt und nicht wieder runter könnt ihr mir helfen?

Hier das Script:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function verScroll(dir, spd, loop) {
loop = true;
direction = "dn";
speed = 10;
scrolltimer = null;
if (document.layers) {
var page = eval(document.contentLayer);
}
else {
if (document.getElementById) {
var page= eval("document.getElementById('contentLayer').style");
}
else {
if (document.all) {
var page = eval(document.all.contentLayer.style);
      }
   }
}
direction = dir;
speed = parseInt(spd);
var y_pos = parseInt(page.top);
if (loop == true) {
if (direction == "dn") {
page.top = (y_pos - (speed));
} else {
if (direction == "up" && y_pos < 10) {
page.top = (y_pos + (speed));
} else {
if (direction == "top") {
page.top = 10;
      }
   }
}
scrolltimer = setTimeout("verScroll(direction,speed)", 1);
   }
}
function stopScroll() {
loop = false;
clearTimeout(scrolltimer);
}
//  End -->
</script>
</head>
<body>
<div id="contentLayer" style="position:absolute; width:463px; z-index:1; left: 39px; top: 51px; height: 229px;">

TEXT TEXT TEXT TEXT TEXT

</div>
<div id="scrollmenu" style="position:absolute;width:200px;height:30px;z-index:1; left:623px; top: 364px">
<table border=1><tr><td>
<table>
<tr>
<td align=left>Up</td>
<td> </td>
<td align=right>Down</td>
</tr>
<tr>
<td colspan=3>
<a href="#" onMouseOver="verScroll('up','25','true')" onMouseOut="stopScroll()"><<<</a>
<a href="#" onMouseOver="verScroll('up','5','true')" onMouseOut="stopScroll()"><<</a>
<a href="#" onMouseOver="verScroll('up','1','true')" onMouseOut="stopScroll()"><</a> |
<a href="#" onMouseOver="verScroll('dn','1','true')" onMouseOut="stopScroll()">></a>
<a href="#" onMouseOver="verScroll('dn','5','true')" onMouseOut="stopScroll()">>></a>
<a href="#" onMouseOver="verScroll('dn','25','true')" onMouseOut="stopScroll()">>>></a>
</td>
</tr>
</table>
</td></tr></table>
</div>
</body>
</html>

Schonmal danke im vorraus!