Hes: Javascript Scrollbar

Beitrag lesen

Hallo,

ich brauche Hilfe. Bitte, bitte. Ich sitze krank im Arbeitszimmer an Silvester und hab' immernoch keine Lösung für die Abgabe am 2. Januar.

Meine JavaScript Kenntnisse sind begrenzt, daher habe ich mir aus dem Netz ein Script gefischt, um eins meiner DIVs mit eigener Scrollbar scrollen zu können. Nun mein Problem: Man kann mein DIV praktisch vollkommen aus dem Sichtbereich scrollen. Gibt es eine Möglichkeit, eine Stoppmarke einzubauen? Nach dem Motto: Scrolle maximal so lange, bis Anker "Stop" 200px vom oberen Browserrand entfernt ist. Ist das machbar?

Es handelt sich um Fließtext, d.h. ich kann nicht bestimmen, wie hoch das DIV ist / sein wird.

Wenn mir jemand helfen könnte, dann wär das ein wirklich guter Start ins neue Jahr =0)

Guten Rutsch an alle - Hes

und Dank an die Helden, die hier immer wieder im Forum ehrenamtlich Helfen

-  -  -  -  -  -  -

Hier das Script, das ich benutze:

Ausgelagerter Scriptteil:

function init(){
 if(navigator.appName=="Netscape"){var w=innerWidth;document.test.left=0}
else{var w=document.body.offsetWidth;test.style.left=0}}
 var n = (document.layers) ? 1:0;var ie = (document.all) ? 1:0;var loop, timer1, timer2;function makeObj(obj,nest){
 nest=(!nest) ? '':'document.'+nest+'.'
 this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
 this.up=goUp
 this.down=goDown
 this.obj = obj + "Object"
 eval(this.obj + "=this")
 return this}
function goDown(speed){
 clearTimeout(timer1);clearTimeout(timer2)
 this.css.top=parseInt(this.css.top)+3
 if(loop) timer1=setTimeout(this.obj+".down("+speed+")",speed)}
function goUp(speed){
 clearTimeout(timer2);clearTimeout(timer1)
 this.css.top=parseInt(this.css.top)-3
 if(loop) timer2=setTimeout(this.obj+".up("+speed+")",speed)}
function init1(){ testObj=makeObj('test2','test');init()}
 onload=init1;

-  -  -  -  -  -  -

Scriptteil in meiner PHP Datei (falls jemand JS abgeschaltet hat, kommt er mit Klicken statt mit onMouseOver weiter):

<div class="pfeil1">
<a href="zurueck.php" onmouseover="loop=true; testObj.down(60);window.status='';return true;" onmouseout="loop=false"><img src="../gif/auf.gif"></a>
</div>

<div class="pfeil2">
<a href="vor.php" onmouseover="loop=true; testObj.up(60);window.status='';return true;" onmouseout="loop=false"><img src="../gif/ab.gif"></a>
</div>