David: smooth scrolling?

Beitrag lesen

Hallo.

Dank CSS + DHTML hat man ja die Möglichkeit, irgendwelche Elemente frei auf der Seite zu positionieren & zu bewegen. Doch will man dies für einen Scroller (zb. einen Nachrichten-Ticker) nutzen, muss man doch feststellen, daß es doch recht unschön ruckelt. Doch woran liegt dieses Ruckeln? Sicher nicht an meinem Rechner (P3, Voodoo3, 256 MB Ram). Hier mal der Quellcode:

----cut----

<SCRIPT LANGUAGE="JavaScript">
var posLeft = 0;

function ticker() {  

posLeft += 1;
  document.all.box.style.left = posLeft;
  setTimeout("ticker()", 0);
}

</SCRIPT>

<body>

<DIV STYLE="border:2px solid black">
<DIV ID="box" STYLE="position:relative; border:1px solid red">
  hello internet.
</DIV>
<SCRIPT>
  ticker();
</SCRIPT>
</DIV>

----cut----

Auch andere Angaben wie zb. Setzen des Timeouts auf 10 ms oder Ändern der Schrittweite auf 2 ändern nichts.

Was verursacht also dieses Ruckeln? Ist es der Browser selbst, der hier Probleme macht? Ist es JavaScript im allgemeinen? Oder nur die setTimeout-Funktion? Kann man überhaupt smooth-scrolling erreichen?

MfG (Mit fragenden Grüßen ;o),
  David