✔ Div scrollen in Firefox

[Dipsi]

Hallo

Hab im Internet ein Javascript - Div - Scroll Script gefunden.
War nicht ganz fertig. Habe es für mich angepasst.

Code sieht so aus:

<script language="javascript">
var iTop = 0;
var bAnimate=false;
var run;

function goUp()
{
  // Stop scrolling
  if(iTop < 0)
  {
    var objDiv =document.getElementById("scrollContentDiv"); 
    iTop=iTop+5;
    objDiv.style.top=iTop;
    if (run) 
		  setTimeout("goUp();", 25);
   }
}

function goDown()
{
  // Height of div
  var nHeight = '-'+window.document.getElementById("scrollContentDiv").clientHeight;
  window.alert(nHeight);
  // Stop scrolling
	if(iTop >= parseInt(nHeight)+600)
  {
    var objDiv =document.getElementById("scrollContentDiv");
	  iTop=iTop-5;
    objDiv.style.top=iTop;
    if (run)
		 setTimeout("goDown();", 25);
  }
}

</script>

aufgerufen wird es so:

<a href="#" onMouseOver="run=true;goUp()" onMouseOut="run=false">
       <img src="../../picture/design/scroll_up.jpg" alt="Gore" border="0" />
      </a>
      <br />
      <img src="../../picture/design/scroll_line.jpg" style="height:580px; width:13px;" alt="" /><br />
      <a href="#" onMouseOver="run=true;goDown()" onMouseOut="run=false">
       <img src="../../picture/design/scroll_down.jpg" alt="Dole" border="0" /> 
      </a>

Funktioniert eigentlech auch super! Aber nur im IE. :-S
Will eigentlich das es im Firefox genau so gut läuft.
Ich glaube es liegt an der Funktion objDiv.style.top.
Im Firefox wird überhaupt nicht gescrollt. (Bleibt einfach stehen.)

Kann mir jemand einen Tipp geben?
Sehe den Fehler nicht.

Vielen Dank.

 

[con-f-use]

Auf den ersten Blick sehe ich gar keinen Fehler. Je nach DTD könntest du aber noch die Einheint bei style.top angeben müssen also:

objDiv.style.top=iTop +'px';

statt nur

 objDiv.style.top=iTop;

Was gibt den die Javascript-Konsole vom Firefox so an Fehlern aus?

 

[Dipsi]

Hi..
Danke für deine Antwort.
Aber komischerweise gibt die JS Konsole im FF nichts aus.
Habe das Script auf dem PC in der Firma im Browser FF getestet und es geht.
Aber auf dem FF auf meinem HomePC geht es nicht.

Komisch..:-(

 

[con-f-use]

Dann kann eigentlich nur JS deaktiviert sein.

 

[Dipsi]

Hi.
So. jetzt läufts auch auf meinem Home PC (Javascript war aktiviert).
Habe heute noch etwas am Script geändert.

Danke!

 

[con-f-use]

Woran lag's? Bitte noch das funktionierede Script hier posten, damit alle, die beim Suchen auf diesen Thread stoßen auch gleich die Lösung haben.

Markiere bitte außerdem den Thread noch als "erledigt".

 

[Dipsi]

Hallo..
Weiss selber nicht mehr was ich verändert habe :-(
Aber da wäre der Code:

// Counter
var nTop = 0;

// Start and Stop
var bRun;

// Scroll up
function goUp()
{
  // If nTop < 0 scroll
  if(nTop < 0)
  {
    var objDiv =document.getElementById("scrollContentDiv"); 
    nTop=nTop+5;
    objDiv.style.top=nTop+'px';
		
		// Dont stop scrolling, if the mouse is over the scrollbutton
    if (bRun) 
		  setTimeout("goUp();", 17);
   }
}

// Scroll down
function goDown()
{
  // Height of div
  var nHeight = '-'+window.document.getElementById("scrollContentDiv").clientHeight;
  
	// If nTop >= height scroll
	if(nTop >= parseInt(nHeight)+600)
  {
    var objDiv =document.getElementById("scrollContentDiv");
	  nTop=nTop-5;
    objDiv.style.top=nTop+'px';
    
		// Dont stop scrolling, if the mouse is over the scrollbutton
		if (bRun)
		 setTimeout("goDown();", 17);
  }
}

// Scroll to top
function goTop()
{
  // Jump to top
  document.getElementById("scrollContentDiv").style.top = '0px';
 
  // Set counter to 0 (begin)
	nTop = 0;
}

Aufruf in HTML:

<a href="#" onMouseOver="run=true;goUp()" onMouseOut="run=false">
       <img src="../../picture/design/scroll_up.jpg" alt="Gore" border="0" />
      </a>
      <br />
      <img src="../../picture/design/scroll_line.jpg" style="height:580px; width:13px;" alt="" /><br />
      <a href="#" onMouseOver="run=true;goDown()" onMouseOut="run=false">
       <img src="../../picture/design/scroll_down.jpg" alt="Dole" border="0" /> 
      </a>

Gruss