Datenschutzerklärung

Scrollen eines div-Elements per Javascript

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Scrollen eines div-Elements per Javascript

  Beitrag schreiben
Autor
Beitrag Seiten: 1
Kotter
Mitglied

Registriert: 09.07.2006
Beiträge: 2
Hallo zusammen, habe hier folgendes Javascript, um ein div-Element auf einer Website per Mouseover nach oben und unten zu scrollen:

<script language="javascript">

var iTop=0;
var bAnimate=false;

function goUp()
{
var o=document.getElementById("divText");
iTop=iTop+5;
o.style.top=iTop;
if (bAnimate) setTimeout("goUp();", 25);
}

function goDown()
{
var o=document.getElementById("divText");
iTop=iTop-5;
o.style.top=iTop;
if (bAnimate) setTimeout("goDown();", 25);
}

</script>

<body>

<div id="divUp" style="position:absolute; left:650px; top:10px;">
<span onmouseover='bAnimate=true;goUp();' onmouseout='bAnimate=false;' style="cursor:hand"><img src='gfx/arrup.jpg' width='40' height='40'></span>
</div>

<div id="divDown" style="position:absolute; left:650px; top:60px;">
<span onmouseover='bAnimate=true;goDown();' onmouseout='bAnimate=false;' style="cursor:hand"><img src='gfx/arrdown.jpg' width='40' height='40'></span>
</div>

<div id="divText" style="position:absolute; left:0px; top:0px; width:400px;">


Jetzt habe ich das Problem, dass das div-Element ja nun beliebig weit, sogar aus dem Bild scrollbar ist, habe jetzt versucht, einfach in die einzelnen Funktionen noch eine if-Abfrage einzubauen, mir fällt aber nichts ein, woran ich diese if-Abfrage in punkto Höhe des div-Elements auf der Seite definieren könnte, da die aktuelle Position ja immer 0 ist :/ ...

Jemand hier vielleicht ne Idee?

Gruß


09.07.2006 15:49:39
  Zitieren
pit-r
Moderator

Ort: Aachen
Registriert: 14.03.2006
Beiträge: 62
Moin!

Wo sollen denn die Grenzen liegen?

Ahoi - Pit


_______________________________________
Öh - da kannichnixfür

11.07.2006 20:02:42
  Zitieren
Kotter
Mitglied

Registriert: 09.07.2006
Beiträge: 2
Naja, das div-Element hat ja eine bestimmte Größe, die durch den eingegebenen Text definiert ist, also auch variabel sein müsste. Die Grenzen sollen die Ober- und Unterkante des Elements sein, damit man eben nicht den Text komplett aus dem Bild scrollen kann ... wenns da vom Script her generell ne einfachere Lösung als die oben angegebene gibt, bin ich dafür natürlich auch gerne offen ;)

aber Danke schonmal für die Antwort

MfG

Max


11.07.2006 22:10:27
  Zitieren
Eke
Gast



glaube mit o.offsetHeight bekommst du die größe des elements. damit solltest du das scrollen dann begrenzen können...

12.06.2007 16:13:57
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01