Js - Div scrollen

Buhmann · 18.11.2005, 18:15

Hallo,
weiß jemand, wie man per Javascript ans Ende eines Div-Tags scrollen kann? (es wurde overflow:auto gewählt).
Ich habe folgendes versucht:

HTML-Code:

document.getElementById("d").scrollTo(0,1000000000000);

Die ID stimmt natürlich.

Ich kenne mich mit Javascript nicht so gut aus und stehe irgendwie auf dem Schlauch, auch selfhtml konnte mir nicht helfen.

Lars · 21.11.2005, 21:06

scrollTo() ist nur auf das <body>-Element anwendbar.

Buhmann · 21.11.2005, 21:42

Und wie krieg ich das bei einem div element hin?

WarrenFaith · 21.11.2005, 21:55

Soweit ich weiß gar nicht :/
IE macht das scrollen innerhalb eines divs automatisch. Der Firefox streikt dort komplett. Was mit Opera ist weiß ich nicht.

Lars · 21.11.2005, 22:02

Bei Firefox einmal auf die sichtbare Fläche des DIVs klicken, dann scrollen.

Buhmann · 22.11.2005, 20:38

Es geht ja drum wie man das mit js macht, per Hand kann ich das auch

Lars · 22.11.2005, 20:41

Mit JS gar nicht.
Mir fällt jedenfalls auch nach relativ langem Schädelzerbersten nichts ein

// Edit:
Solange es kein DIV mit Scrollbalken ist, kannst du ihn absolut positionieren, die Höhe auslesen und dann halt hinscrollen.

// Edit #2:
Ein Anker. Einen Anker setzen!

Buhmann · 22.11.2005, 22:12

und was bringt mir der anker? Ich kann die seite nicht extra dafür aufrufen. Das ganze muss ohne neuladen der Seite passieren.

Lars · 22.11.2005, 22:29

Code:

<a href="#ankerName">Zu ankerName scrollen</a>

[...]

<a name="ankerName" />

Das mein ich

Buhmann · 23.11.2005, 13:59

neeeee das geht auch net, das ganze muss alleine durch js gemacht werden, ohne dass der user irgendwas macht.

WarrenFaith · 23.11.2005, 14:11

meinst du ein komplettes autoscrollen wie ein newsticker? also einen reinen fließtext?
das sollte gehen, genug beispiele für fließtext gibts unter google

Buhmann · 23.11.2005, 18:24

Nein...

Im grunde geht es um eine art chat - kein wirklicher Chat aber etwas ähnliches, der mit ajax realisiert wurde. Die einzelnen Nachrichten werden untereinander in das DIV-Feld geschrieben. Immer, nachdem eine Nachricht eingetroffen ist soll dann nach unten gescrollt werden, damit man die neuste Nachricht auch sieht.

WarrenFaith · 23.11.2005, 20:21

die neuste nachricht oben hin und schon hat es sich erledigt

ansonsten sollte ein anker gehen (beim anker wird die seite _nicht_ neu geladen)
von daher einfach per javascript den anker aufrufen, sollte doch gehen oder?

Ben · 23.11.2005, 20:24

Dann haste pro Zeile/Nachricht einen Anker, oder?
Das muss doch irgendwie mit JavaScript gehen oder nicht ... hmm ..

Lars · 23.11.2005, 20:41

nö, keinen neuen Anker.

Code:

<div id="chatFrame">

  <div id="chatContents">
  </div>

  <div id="chatScroller">
    <a name="chatScroller" />
  </div>

</div>

Buhmann · 23.11.2005, 22:11

es wäre auch kein Problem, einfach einen Anker ans Ende zu setzen, da der Gesamte Inhalt neu geladen wird, wenn etwas dazu kommt. Allerdings kenne ich auch keine Methode mit js einen Anker aufzurufen.

Lars · 23.11.2005, 22:44

Code:

document.getElementById('link').click();

Code:

<a href="#chatScroller" />

Chr!s · 24.11.2005, 18:07

Eventuell mal von hier abgucken:
http://greenday.com/greenday.html

Lars · 24.11.2005, 18:24

Zitat:

Zitat von Chr!s

Eventuell mal von hier abgucken:
http://greenday.com/greenday.html

Das ist Flash.

Chr!s · 24.11.2005, 18:26

Ups hab ich nich aufgepasst

18.11.2005, 18:15	Nach oben #1
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	Js - Div scrollen Hallo, weiß jemand, wie man per Javascript ans Ende eines Div-Tags scrollen kann? (es wurde overflow:auto gewählt). Ich habe folgendes versucht: HTML-Code: document.getElementById("d").scrollTo(0,1000000000000); Die ID stimmt natürlich. Ich kenne mich mit Javascript nicht so gut aus und stehe irgendwie auf dem Schlauch, auch selfhtml konnte mir nicht helfen.

21.11.2005, 21:06	Nach oben #2
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	scrollTo() ist nur auf das <body>-Element anwendbar. __________________ Gedanken aus Draht stricken einen Zaun.

21.11.2005, 21:55	Nach oben #4
WarrenFaith Martin Breuer Registriert seit: 17.08.2005 Ort: Berlin Beiträge: 1.653	Soweit ich weiß gar nicht :/ IE macht das scrollen innerhalb eines divs automatisch. Der Firefox streikt dort komplett. Was mit Opera ist weiß ich nicht. __________________ I did it my way - Senseless-Blog Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009

21.11.2005, 22:02	Nach oben #5
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Bei Firefox einmal auf die sichtbare Fläche des DIVs klicken, dann scrollen. __________________ Gedanken aus Draht stricken einen Zaun.

22.11.2005, 20:41	Nach oben #7
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Mit JS gar nicht. Mir fällt jedenfalls auch nach relativ langem Schädelzerbersten nichts ein // Edit: Solange es kein DIV mit Scrollbalken ist, kannst du ihn absolut positionieren, die Höhe auslesen und dann halt hinscrollen. // Edit #2: Ein Anker. Einen Anker setzen! __________________ Gedanken aus Draht stricken einen Zaun.

21.11.2005, 21:42	Nach oben #3
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	Und wie krieg ich das bei einem div element hin?

22.11.2005, 20:38	Nach oben #6
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	Es geht ja drum wie man das mit js macht, per Hand kann ich das auch

22.11.2005, 22:12	Nach oben #8
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	und was bringt mir der anker? Ich kann die seite nicht extra dafür aufrufen. Das ganze muss ohne neuladen der Seite passieren.

22.11.2005, 22:29	Nach oben #9
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Code: <a href="#ankerName">Zu ankerName scrollen</a> [...] <a name="ankerName" /> Das mein ich __________________ Gedanken aus Draht stricken einen Zaun.

23.11.2005, 13:59	Nach oben #10
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	neeeee das geht auch net, das ganze muss alleine durch js gemacht werden, ohne dass der user irgendwas macht.

23.11.2005, 14:11	Nach oben #11
WarrenFaith Martin Breuer Registriert seit: 17.08.2005 Ort: Berlin Beiträge: 1.653	meinst du ein komplettes autoscrollen wie ein newsticker? also einen reinen fließtext? das sollte gehen, genug beispiele für fließtext gibts unter google __________________ I did it my way - Senseless-Blog Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009

23.11.2005, 18:24	Nach oben #12
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	Nein... Im grunde geht es um eine art chat - kein wirklicher Chat aber etwas ähnliches, der mit ajax realisiert wurde. Die einzelnen Nachrichten werden untereinander in das DIV-Feld geschrieben. Immer, nachdem eine Nachricht eingetroffen ist soll dann nach unten gescrollt werden, damit man die neuste Nachricht auch sieht.

23.11.2005, 20:21	Nach oben #13
WarrenFaith Martin Breuer Registriert seit: 17.08.2005 Ort: Berlin Beiträge: 1.653	die neuste nachricht oben hin und schon hat es sich erledigt ansonsten sollte ein anker gehen (beim anker wird die seite _nicht_ neu geladen) von daher einfach per javascript den anker aufrufen, sollte doch gehen oder? __________________ I did it my way - Senseless-Blog Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009

23.11.2005, 20:24	Nach oben #14
Ben Benjamin Klaile Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.516	Dann haste pro Zeile/Nachricht einen Anker, oder? Das muss doch irgendwie mit JavaScript gehen oder nicht ... hmm .. __________________ Mehr TuS Koblenz geht nicht ... - TuS Koblenz Forum Aktuell ... Kaiserslautern kommt in die Festung Oberwerth U14 erreicht Sieg im Testspiel gegen SF Troisdorf Testspiel gegen SV Wehen-Wiesbaden in Nassau E-Jugend Blitzturnier auf dem Oberwerth SV Ried gegen SK Rapid Wien

23.11.2005, 20:41	Nach oben #15
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	nö, keinen neuen Anker. Code: <div id="chatFrame"> <div id="chatContents"> </div> <div id="chatScroller"> <a name="chatScroller" /> </div> </div> __________________ Gedanken aus Draht stricken einen Zaun.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Höhe von div verändern, divs darunter je nach Größe verschieben	buddy_casino	JavaScript und AJAX	13	17.09.2007 12:49
Guter JS Editor	la-finest	Tools, Server, Betriebssysteme	2	10.08.2006 23:36
Div mit overflow:scroll	Jan	HTML, XML und CSS	6	18.03.2006 18:55
JS Framework, WebDesktop	J33d3X	Projekte unserer Mitglieder	0	27.10.2005 09:06
Firefox und JS	robo47	Plauderecke	5	13.09.2005 21:18

23.11.2005, 22:11	Nach oben #16
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	es wäre auch kein Problem, einfach einen Anker ans Ende zu setzen, da der Gesamte Inhalt neu geladen wird, wenn etwas dazu kommt. Allerdings kenne ich auch keine Methode mit js einen Anker aufzurufen.

23.11.2005, 22:44	Nach oben #17
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Code: document.getElementById('link').click(); Code: <a href="#chatScroller" /> __________________ Gedanken aus Draht stricken einen Zaun.

24.11.2005, 18:07	Nach oben #18
Chr!s Christian Mühlroth Registriert seit: 04.09.2005 Ort: Nürnberg Beiträge: 561	Eventuell mal von hier abgucken: http://greenday.com/greenday.html __________________ http://www.ChrisDiary.De

24.11.2005, 18:26	Nach oben #20
Chr!s Christian Mühlroth Registriert seit: 04.09.2005 Ort: Nürnberg Beiträge: 561	Ups hab ich nich aufgepasst __________________ http://www.ChrisDiary.De